/* ============================================================
   RUTA MILAGRO - REGIONES MÁS COMPETITIVAS · Tokens de marca canónicos
   Fuente: docs/06_Multimedia_y_Marca/Actualizacion-Nombre-Convenio/
           RutaMilagro_RMC_Paquete_Marca_v1.0/02_Colores/colores_rmc.css
   Regla de sustitución: .../Actualizacion-Nombre-Convenio/Migracion_RMC_2026-09-25.md
   ----
   Paleta oficial (NO modificar — son los valores del manual de imagen):
     Azul noche:      #282058  (primario: cabeceras, héroes, botones)
     Azul noche hondo:#1D1640  (degradados, hover)
     Azul:            #013A97  (enlaces y texto de acento — 10,2:1 sobre blanco)
     Índigo:          #3D37A7  (titulares — 9,1:1)
     Vinotinto MinCIT:#962D46  (secciones y alertas de gobierno — 7,6:1)
     Amarillo:        #F9B81B  (1,8:1) · Cian: #00BEFF (2,1:1) · Rojo: #DF2521 (4,8:1)
       ⚠️ Los tres son DECORATIVOS: relleno, filetes, iconos grandes. Nunca texto
       sobre blanco. El amarillo sí lleva texto Azul noche encima (8,3:1), que es
       como lo usa el botón de la plantilla web oficial.
     Blanco cálido:   #F9F7F8   ·  Gris claro: #E8E8E8  (fondos)
   Tipografias:
     Display: Nunito Sans (titulares)
     Body:    Verdana (cuerpo, según el manual de imagen)
     Datos:   JetBrains Mono (codigo, certificados, datos numericos)
   ⚠️ El bloque --gov-* de la barra GOV.CO NO se toca: es del Estado.
   ============================================================ */

:root {
    /* === Color institucional canonico (manual de imagen RMC) === */
    --brand-primary:        #013A97;   /* Azul — enlaces y acento legible */
    --brand-primary-soft:   #3D37A7;   /* Índigo */
    --brand-primary-deep:   #012A6E;
    --brand-primary-pale:   #E8E8E8;

    --brand-secondary:      #282058;   /* Azul noche — cabeceras, héroes */
    --brand-secondary-deep: #1D1640;
    --brand-secondary-soft: #3D37A7;
    --brand-secondary-pale: #E8E8E8;

    --brand-cream:          #F9F7F8;   /* Blanco cálido */
    --brand-cream-warm:     #F9F7F8;
    --brand-cream-deep:     #E8E8E8;   /* Gris claro */

    --brand-ink:            #232423;
    --brand-text:           #2B2A36;
    --brand-muted:          #5F5E6E;
    --brand-carbon:         #1C1E1F;

    /* === Acentos decorativos RMC (relleno, nunca texto sobre blanco) === */
    --brand-accent:         #F9B81B;   /* Amarillo */
    --brand-accent-cyan:    #00BEFF;   /* Cian */
    --brand-accent-red:     #DF2521;   /* Rojo */
    --brand-vino:           #962D46;   /* Vinotinto MinCIT */

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

    /* === Tipografia oficial === */
    --ff-display: 'Nunito Sans', system-ui, -apple-system, sans-serif;
    --ff-body:    Verdana, Geneva, 'Nunito Sans', system-ui, 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:      var(--brand-warn);
    --utlf-info:         var(--brand-info);

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

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