:root {
    /* --- Paleta de marca OFICIAL (Manual de Uso de Identidad Visual DIACAP) ---
       Colores corporativos exactos según el manual:
       Coral #CC2727 · Azul #283B77 · Verde #65B33A · Turquesa #3FA6C9
       Las variantes -texto son versiones oscurecidas SOLO para texto
       pequeño sobre fondo claro, pensadas para que el contraste sea
       legible para el público adulto mayor (WCAG AA) — los colores
       puros oficiales se usan tal cual en fondos, íconos y acentos
       grandes, nunca se alteran como logotipo (regla del manual). */
    --color-verde:        #65B33A;
    --color-verde-texto:  #3D7A22;
    --color-azul:         #283B77;
    --color-azul-oscuro:  #1E2A5C;
    --color-coral:        #CC2727;
    --color-coral-solido: #CC2727;
    --color-celeste:      #3FA6C9;
    --color-celeste-texto:#1F7889;

    --color-texto:         #26262E;
    --color-texto-suave:   #55555F;
    --color-fondo:         #FFFCF7;
    --color-fondo-alterno: #F4F8F1;
    --color-fondo-azul:    #EEEEF8;
    --color-blanco:        #FFFFFF;
    --color-borde:         #E7E2D6;

    /* --- Tonos pastel institucionales (para diferenciar secciones,
       en vez del divisor de puntos) --- */
    --pastel-verde:   #E8F4E1;
    --pastel-azul:    #E9E9F6;
    --pastel-coral:   #FBEAE8;
    --pastel-celeste: #E6F6F9;

    /* --- Versiones suavizadas de verde/coral, SOLO para el gráfico
       decorativo del Hero (feedback: "que no acaparen la información
       de a un lado"). El resto del sitio sigue usando los colores
       oficiales del manual tal cual. --- */
    --color-verde-suave: #9BCE7F;
    --color-coral-suave: #DE7373;

    /* --- Tipografía OFICIAL (Manual de Uso de Identidad Visual) ---
       Corporativa: Retroica Regular — de PAGO, aún no licenciada.
       Complementaria: Nunito Sans Semibold — de uso libre.
       Mientras no se tenga la licencia de Retroica, Nunito Sans se
       usa también en títulos como reemplazo seguro (nunca Fraunces
       ni ninguna otra fuente fuera del manual). */
    --fuente-display: 'Nunito Sans', sans-serif;
    --fuente-cuerpo:  'Nunito Sans', sans-serif;

    --texto-base:   1.125rem;
    --texto-grande: 1.375rem;
    --texto-h1:     clamp(2.5rem, 5.5vw, 4rem);
    --texto-h2:     clamp(2rem, 4.5vw, 2.75rem);
    --texto-h3:     1.5rem;
    --texto-eyebrow: 0.95rem;

    --espacio-xs:  0.5rem;
    --espacio-sm:  1rem;
    --espacio-md:  1.5rem;
    --espacio-lg:  2.5rem;
    --espacio-xl:  4.5rem;
    --espacio-xxl: 7rem;

    --radio-suave: 1.25rem;
    --radio-organico: 2.5rem 1rem 2.5rem 1rem; /* esquinas asimétricas, look "hecho a mano" */
    --ancho-maximo: 1200px;
    --ancho-maximo-angosto: 760px;

    --sombra-suave: 0 10px 30px rgba(38, 38, 92, 0.10);
    --sombra-hover: 0 16px 36px rgba(38, 38, 92, 0.16);

    --transicion: 220ms ease;
}