/* ==========================================================================
   consultores_sereslatam — sistema de diseño
   --------------------------------------------------------------------------
   Una sola fuente de verdad para color, tipografía y ritmo. Todo lo demás
   (style.css y las vistas) consume estas variables y nunca escribe un color
   literal: si un tono aparece dos veces con dos valores, acaban divergiendo.

   Se carga ANTES que style.css. Ver docs/ARQUITECTURA.md.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tipografía autoalojada. Condiciones de la autorización del security-officer
   (ver css/fuentes/LEEME.md y docs/POLITICA-DEPENDENCIAS.md §4):

     - `font-weight: 100 900` es obligatorio. Sin el rango el navegador trata el
       archivo como fuente estática y sintetiza los pesos (falso negrita), que es
       peor que no tener la fuente.
     - Ruta ABSOLUTA. Una relativa se rompe segun desde que script de entrada se
       sirva la pagina.
     - Nunca desde un CDN: el navegador del consultor pediria el archivo al
       proveedor, que se quedaria con su IP (CONFIDENCIALIDAD C-7). El SRI no
       arregla eso: responde a "son los bytes correctos", no a "quien se ha
       enterado de que este consultor esta leyendo".
   -------------------------------------------------------------------------- */

@font-face {
    font-family: "Work Sans";
    src: url("/css/fuentes/worksans-var-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {

    /* ----------------------------------------------------------------------
       Color — sale de la identidad de marca. Dos añadidos, y ambos por
       contraste medido, no por gusto.
       ---------------------------------------------------------------------- */

    /* La firma. Acción principal, filete de la declaración, número de entregable. */
    --borgona:        #6b1527;
    --borgona-oscuro: #55101e;
    --borgona-tenue:  #f7eef0;   /* fondos de aviso, nunca texto */

    /* Ya estaba en uso: navegación, acción secundaria, foco de teclado. */
    --marino:         #283558;
    --marino-oscuro:  #1f2a46;

    /* Lavanda de marca: SOLO rellenos y filetes.
       Mide 3.9:1 sobre blanco, así que como texto pequeño no llega a AA. */
    --lavanda:        #7385b8;

    /* La versión legible del anterior, para cintillos y metadatos. 6.5:1. */
    --lavanda-tinta:  #46578c;

    /* Neutros. El fondo no es un gris neutro: lleva sesgo cálido hacia el
       borgoña, que es lo que evita el aspecto de panel administrativo. */
    --hueso:          #fbf9f6;
    --blanco:         #ffffff;
    --tinta:          #1d2333;
    --gris:           #5c5c5c;   /* 6.4:1 sobre blanco, ya verificado */
    --linea:          #e6e1da;
    --linea-fuerte:   #d6d0c7;

    /* Semánticos. Separados del acento a propósito: el borgoña es identidad,
       no "peligro". Si el error y la marca comparten color, el error deja de
       leerse como error. */
    --exito:          #2f6b4f;
    --exito-tenue:    #e7f0ea;
    --aviso:          #8a5a12;
    --peligro:        #842029;   /* 7.5:1; mismo tono que .alert-danger */

    /* ----------------------------------------------------------------------
       Tipografía — una sola familia para toda la interfaz.
       La personalidad sale del peso y del interletrado, no de mezclar familias.
       En hosting compartido eso también significa un archivo, una licencia y
       un hash que auditar en lugar de dos.

       La familia definitiva se autoaloja (ver css/fuentes/ y
       docs/POLITICA-DEPENDENCIAS.md). Nunca desde un CDN: cada carga revelaría
       nuestro dominio y la IP del consultor a un tercero (CONFIDENCIALIDAD C-7).

       Elegida: Work Sans 2.012 (SIL OFL), variable de un eje, subconjunto latin.
       Se prefirió a una geométrica pura porque estas pierden legibilidad en tamaños
       de interfaz: la I mayúscula y la l minúscula se vuelven indistinguibles.

       La pila de respaldo existe y es legible a propósito: si la fuente no carga,
       el diseño degrada sin romperse.
       ---------------------------------------------------------------------- */
    --fuente-ui:
        "Work Sans",
        "Segoe UI Variable Text", "Avenir Next", Avenir,
        "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont,
        "Helvetica Neue", Arial, sans-serif;

    /* Escala. Seis tamaños y ninguno más. */
    --t-declaracion:  clamp(1.75rem, 4vw, 2.5rem);
    --t-titulo:       1.35rem;
    --t-numero:       1.15rem;
    --t-cuerpo:       1rem;
    --t-cintillo:     0.6875rem;
    --t-micro:        0.8125rem;

    /* Interletrado: negativo al crecer, muy positivo en versalitas. */
    --tr-declaracion: -0.025em;
    --tr-titulo:      -0.018em;
    --tr-cintillo:    0.22em;

    /* ----------------------------------------------------------------------
       Ritmo y forma
       ---------------------------------------------------------------------- */
    --radio:          0.25rem;
    --radio-grande:   0.5rem;
    --filete:         3px;       /* grosor del filete de marca */

    --sombra-suave:   0 1px 2px rgba(29, 35, 51, 0.05);
    --sombra-media:   0 1px 2px rgba(29, 35, 51, 0.05),
                      0 8px 24px -12px rgba(29, 35, 51, 0.18);
}