/* Design system VTC España — tokens globales.
   Tema claro (portal, admin, páginas funcionales) + capa «noche de ciudad» de la
   web pública (docs/plan/web_publica.md, D-W1): los tokens --vtc-noche-* se
   AÑADEN, no sustituyen. */
:root {
    /* Color */
    --vtc-primario: #0E4C5C;
    --vtc-primario-oscuro: #093947;
    --vtc-primario-claro: #E6F0F2;
    --vtc-acento: #E8A13D;
    --vtc-texto: #1A222B;
    --vtc-texto-secundario: #55606C;
    --vtc-fondo: #FFFFFF;
    --vtc-fondo-suave: #F5F7F8;
    --vtc-borde: #DDE3E7;
    --vtc-error: #B4232C;
    --vtc-exito: #1E7A46;

    --vtc-gradiente-primario: linear-gradient(135deg, var(--vtc-primario), var(--vtc-primario-oscuro));

    /* Noche de ciudad (web pública): fondo profundo derivado del petróleo, nunca
       negro puro; el ámbar es la ÚNICA luz; bloques claros para el contenido de uso */
    --vtc-noche-0: #061E26;
    --vtc-noche-1: #093947;
    --vtc-noche-petroleo: #0E4C5C;
    --vtc-noche-petroleo-claro: #2A6B7C;
    --vtc-noche-ambar: #E8A13D;
    --vtc-noche-ambar-suave: rgba(232, 161, 61, .14);
    --vtc-noche-ambar-halo: rgba(232, 161, 61, .35);
    --vtc-noche-texto: #EAF2F4;
    --vtc-noche-texto-2: #A3B8BF;
    --vtc-noche-texto-3: #6F8A93;
    --vtc-noche-linea: rgba(234, 242, 244, .10);
    --vtc-noche-cristal: rgba(234, 242, 244, .045);
    --vtc-noche-claro: #E6F0F2;
    --vtc-noche-claro-2: #D6E4E8;
    --vtc-noche-tinta: #1A222B;
    --vtc-noche-tinta-2: #4B5B64;
    --vtc-noche-ok: #4CC38A;
    --vtc-noche-sobre-ambar: #1A1206;

    /* Tipografía (las @font-face viven en vtc-fuentes.css; sin ese fichero
       cargado, los stacks caen a fuentes del sistema sin romper nada) */
    --vtc-fuente: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --vtc-fuente-cuerpo: var(--vtc-fuente);
    --vtc-fuente-display: "Unbounded", "Arial Black", Impact, sans-serif;
    --vtc-fuente-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
    --vtc-texto-sm: 14px;
    --vtc-texto-base: 16px;
    --vtc-texto-lg: 18px;
    --vtc-texto-xl: 24px;
    --vtc-texto-2xl: 32px;
    --vtc-texto-3xl: 40px;
    --vtc-peso-medio: 500;
    --vtc-peso-semibold: 600;
    --vtc-peso-bold: 700;

    /* Espaciado */
    --vtc-esp-1: 4px;
    --vtc-esp-2: 8px;
    --vtc-esp-3: 12px;
    --vtc-esp-4: 16px;
    --vtc-esp-6: 24px;
    --vtc-esp-8: 32px;
    --vtc-esp-12: 48px;
    --vtc-esp-16: 64px;

    /* Bordes y sombras */
    --vtc-radio-sm: 6px;
    --vtc-radio-md: 10px;
    --vtc-radio-lg: 14px;
    --vtc-radio-full: 9999px;
    --vtc-sombra-suave: 0 2px 8px rgba(14, 76, 92, .08);
    --vtc-sombra-elevada: 0 8px 24px rgba(14, 76, 92, .12);

    /* Transiciones (D-W4: ease-out en entradas) */
    --vtc-transicion: .2s ease;
    --vtc-ease: cubic-bezier(.16, 1, .3, 1);
}