/* ============================================================
   BARNES Buenos Aires — Design tokens
   Valores extraídos del archivo de diseño .ai (Demo-Home), no
   estimados por pixel. Artboard de diseño: 1980pt ≈ 1:1 con 1920px.
   Escala absoluta a validar @1920 en monitor real (gate de validación final).
   ============================================================ */
:root {
    /* ---- Paleta (colores vectoriales exactos del .ai) ---- */
    --c-bg:        #ffffff;   /* fondo base */
    --c-bg-alt:    #f7f3f2;   /* banda cálida — SOLO destacadas (medido del PDF) */
    --c-ink:       #000000;   /* texto / titulares (PDF usa #000000) */
    --c-ink-soft:  #4e5350;   /* texto secundario gris-verdoso */
    --c-accent:    #c70a33;   /* carmesí Barnes — botones, activos */
    --c-accent-d:  #a80829;   /* hover del acento */
    --c-muted:     #939598;   /* legales del footer / texto gris */
    --c-line:      #d4d7d4;   /* divisores (medido del PDF) */
    --c-hero-bg:   #000000;   /* fondo del hero (medido del PDF) */
    --c-on-dark:   #ffffff;   /* texto sobre foto / fondo oscuro */

    /* ---- Tipografía ---- */
    --ff-display: "Bauer Bodoni", Georgia, "Times New Roman", serif;  /* titulares */
    --ff-body:    "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif; /* texto */

    /* Escala (px del .ai → rem; responsive con clamp). 1rem = 16px */
    --fs-hero:       clamp(2.5rem, 5.2vw, 4.5rem);    /* 72px */
    --fs-h2:         clamp(2rem, 3.4vw, 3rem);        /* 48px */
    --fs-h3:         clamp(1.65rem, 2.6vw, 2.25rem);  /* 36px */
    --fs-card-title: clamp(1.25rem, 1.9vw, 1.5rem);   /* 24px */
    --fs-h4:         1.375rem;                        /* 22px */
    --fs-lead:       1.125rem;                        /* 18px */
    --fs-body:       1rem;                            /* 16px */
    --fs-nav:        0.875rem;                        /* 14px */
    --fs-small:      0.75rem;                         /* 12px */

    /* Line-height por ROL — valores MEDIDOS del .ai (baseline-a-baseline / font-size),
       no defaulteados (lección NOVE de fidelidad vertical). Patrón: titulares Bauer
       apretados (1.0–1.2); texto Raleway 1.5. */
    --lh-hero:       1.2;    /* H1 / hero — 1.2 parejo en todas las páginas (confirmado 2026-06-17) */
    --lh-h2:         1.0;    /* Bauer 48 (medido 1.00) */
    --lh-h3:         1.2;    /* Bauer 36 (medido 1.20) */
    --lh-card-title: 1.08;   /* Bauer 24 — card title / barrios / ficha (medido 1.083) */
    --lh-label:      1.29;   /* Bauer/Raleway 14 — labels / kicker (medido 1.286) */
    --lh-body:       1.5;    /* Raleway 16 — texto corrido (medido 1.50) */
    --lh-tight:      1.08;   /* alias legacy = card-title */
    --ls-wide:    0.18em;   /* nav / botones / labels en mayúscula */
    --ls-logo:    0.22em;

    /* ---- Layout ---- */
    --container:      1280px;  /* contenido principal */
    --container-wide: 1480px;  /* footer / carruseles full width */
    --gutter:         clamp(20px, 5vw, 80px);
    --section-y:      clamp(64px, 8vw, 120px);

    /* ---- Spacing (base 4px) ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 120px;

    /* ---- Misc ---- */
    --radius-pill: 999px;
    --radius:      4px;
    --header-h:    var(--space-10);
    --ease:        cubic-bezier(0.22, 0.61, 0.36, 1);
    --z-header:    1000;
}