/* ==========================================================================
   VARIABLES CSS — FUENTE ÚNICA DE VERDAD (v8.0)
   ==========================================================================
   Todas las variables del tema se definen AQUÍ y SOLO AQUÍ.
   Cualquier otro archivo que necesite estos valores debe usar var(--nombre).
   ========================================================================== */

:root {
    /* ── Paleta Principal ── */
    --paper-color: #F4EBD0;
    --ink-color: #2D2926;
    --alert-color: #A63232;

    /* ── Aliases de Compatibilidad (referencian las principales) ── */
    --paper-base: var(--paper-color);
    --ink-primary: var(--ink-color);
    --ink-secondary: #4a4a4a;
    --accent-red: var(--alert-color);
    --color-papel: var(--paper-color);
    --color-tinta: var(--ink-color);
    --color-alerta: var(--alert-color);
    --color-ladrillo: rgba(139, 69, 19, 0.85);
    --color-quemado: #3E2723;

    /* ── Tipografía ── */
    --font-navigation: 'Montserrat', sans-serif;
    --font-headline: 'Montserrat', sans-serif;
    --font-body: 'Crimson Text', serif;
    --font-tech: 'Special Elite', cursive;
    --font-branding: 'Montserrat', sans-serif;

    /* ── Colores de Sección (Navegación y Branding) ── */
    --color-rojo-politica: #a33b32;
    --color-azul-economia: #2e4a62;
    --color-ocre-social: #c4962a;
    --color-verde-analisis: #4d5d3f;
    --color-petroleo: #2e4a62;      /* Alias → azul-economia (menú móvil) */
    --color-mostaza: #c4962a;       /* Alias → ocre-social (menú móvil) */
    --color-bosque: #4d5d3f;        /* Alias → verde-analisis (menú móvil) */
    --color-gris-historia: #2b2b2b;
    --color-negro-archivo: #1a1a1a;
    --color-crema: #f4eee0;
    --desk-color: #1a1714;

    /* ── Espaciado y Layout ── */
    --grid-gap: clamp(1rem, 2vw, 2rem);
    --container-width: 1150px;
    --border-ink: 1px solid var(--ink-primary);
    --border-ink-bold: 2px solid var(--ink-primary);
    --border-ink-double: 4px double var(--ink-primary);
    --section-padding: 1.5rem;
    --section-padding-large: 2rem;

    /* ── Escala Tipográfica Responsiva ── */
    --fz-body: clamp(1rem, 1.1vw, 1.25rem);
    --fz-h1: clamp(3rem, 8vw, 6rem);
    --fz-h2: clamp(2rem, 5vw, 3.5rem);
    --fz-h3: clamp(1.5rem, 3vw, 2.2rem);
    --fz-h4: clamp(1.1rem, 2vw, 1.5rem);
    --fz-tech: clamp(0.6rem, 0.8vw, 0.85rem);
}

html,
body {
    background-color: var(--paper-color);
    margin: 0;
    padding: 0;
    min-height: 100%;
}