/* Design tokens de la portada premium: "De la sala al búnker". */

@font-face {
    font-family: "Geist";
    src: url("../fonts/Geist-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist Mono";
    src: url("../fonts/GeistMono-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Arial ajustada a las métricas de Geist para minimizar el salto al cargar la fuente. */
@font-face {
    font-family: "Geist Fallback";
    src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
    size-adjust: 103%;
    ascent-override: 94%;
    descent-override: 22%;
    line-gap-override: 0%;
}

:root {
    /* Modo claro: "Sala" */
    --light-bg: #FBFBFA;
    --light-surface: #FFFFFF;
    --light-surface-2: #F2F2F0;
    --light-text: #0B0B0C;
    --light-muted: #6E6E73;
    --light-hairline: rgba(0, 0, 0, .08);
    --light-hairline-strong: rgba(0, 0, 0, .16);
    --light-accent-text: #0060C7;

    /* Modo oscuro: "Búnker" */
    --dark-bg: #050506;
    --dark-surface: #0E0F11;
    --dark-surface-2: #16171A;
    --dark-text: #F5F5F7;
    --dark-muted: #8A8A8F;
    --dark-hairline: rgba(255, 255, 255, .08);
    --dark-hairline-strong: rgba(255, 255, 255, .18);
    --dark-accent-text: #4DA3FF;

    /* Acento único de marca (el azul de Respondiendo) y semánticos del Escudo Legal */
    --accent: #0A84FF;
    --ok: #30D158;
    --warn: #FFD60A;
    --alert: #FF453A;

    /* Variables vivas que GSAP interpola con el scroll */
    --bg: var(--light-bg);
    --surface: var(--light-surface);
    --surface-2: var(--light-surface-2);
    --fg: var(--light-text);
    --fg-muted: var(--light-muted);
    --hairline: var(--light-hairline);
    --hairline-strong: var(--light-hairline-strong);
    --accent-text: var(--light-accent-text);
    --grid-opacity: 0;

    --ease-premium: cubic-bezier(.22, 1, .36, 1);
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;

    --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

    --nav-h: 64px;
    --gutter: clamp(16px, 4vw, 48px);
    --section-space: clamp(112px, 14vw, 200px);
}