/* ============================================================
   VISIÓN REGIÓN 2.0 - Tokens de marca canónicos
   Fuente: docs/06_Multimedia_y_Marca/Manual_Marca/Manual_Marca_Vision_Region_2_0.html
   ----
   Paleta institucional (NO modificar — son los valores oficiales):
     Teal iNNpulsa:  #70B6BF  (primary)
     Teal profundo:  #3E6469
     Navy iNNpulsa:  #1E538B  (secondary)
     Navy profundo:  #123459
     Crema institucional: #F5F4F0
   Tipografias (Google Fonts):
     Display: Nunito Sans (titulares)
     Body:    Nunito Sans (texto general)
     Datos:   JetBrains Mono (codigo, certificados, datos numericos)
   ============================================================ */

:root {
    /* === Color institucional canonico (manual de marca) === */
    --brand-primary:        #70B6BF;
    --brand-primary-soft:   #99CED4;
    --brand-primary-deep:   #3E6469;
    --brand-primary-pale:   #E2F2F4;

    --brand-secondary:      #1E538B;
    --brand-secondary-deep: #123459;
    --brand-secondary-soft: #3B74B0;
    --brand-secondary-pale: #D2E2F2;

    --brand-cream:          #F5F4F0;
    --brand-cream-warm:     #FAF9F6;
    --brand-cream-deep:     #EBEAE4;

    --brand-ink:            #232423;
    --brand-text:           #2D3132;
    --brand-muted:          #6A7173;
    --brand-carbon:         #1C1E1F;

    --brand-ok:             #2EA358;
    --brand-warn:           #C58218;
    --brand-danger:         #DC3545;
    --brand-info:           #0DCAF0;
    --brand-yellow:         #FFD700;

    /* === Tipografia oficial === */
    --ff-display: 'Nunito Sans', system-ui, -apple-system, sans-serif;
    --ff-body:    'Nunito Sans', system-ui, -apple-system, sans-serif;
    --ff-mono:    'JetBrains Mono', 'Courier New', monospace;

    /* === Aliases retrocompat (NO romper estilos viejos) === */
    --utlf-green:        var(--brand-primary);
    --utlf-green-dark:   var(--brand-primary-deep);
    --utlf-green-light:  var(--brand-primary-pale);
    --utlf-gray:         var(--brand-muted);
    --utlf-gray-dark:    var(--brand-secondary);
    --utlf-gray-light:   var(--brand-cream);
    --utlf-white:        #FFFFFF;
    --utlf-danger:       var(--brand-danger);
    --utlf-warning:      #FFC107;
    --utlf-info:         var(--brand-info);

    /* Landing/hero (alias) */
    --lp-primary:        var(--brand-primary);
    --lp-secondary:      var(--brand-secondary);

    --font-title:        'Nunito Sans';
    --font-body:         'Nunito Sans';
    --font-data:         'JetBrains Mono';
}