/* ==========================================================================
   ASTRA GROUP — Tokens del sistema de diseño
   Fuente única. Ningún valor de marca se escribe fuera de este archivo.

   Los hex provienen del sistema de diseño vigente de ASTRA (v2.0
   "Elegancia Dorada"), no de la aproximación de BUILD_SPEC §2.1, que el
   propio spec marca como "por confirmar contra el sitio actual".
   [PENDIENTE: confirmación de Diedrich sobre los hex definitivos.]
   ========================================================================== */

:root {
  /* ---------------------------------------------------------- Marca ------ */
  --navy-900: #0A1626;   /* fondo de bloques oscuros, titulares */
  --navy-800: #102138;
  --navy-700: #152A45;   /* subtítulos, acentos secundarios */
  --navy-500: #1E3A5F;
  --navy-100: #D9E2ED;
  --navy-50:  #F0F4F9;

  --gold-600: #7F684B;   /* dorado oscuro — único dorado válido para texto de cuerpo
                            sobre claro: 5.27:1 en --bg, 4.76:1 en --bg-soft */
  --gold-500: #C4A052;   /* acento de autoridad: cifras, reglas, CTA */
  --gold-300: #D4B570;   /* hover, bordes suaves */
  --gold-100: #F1E7CF;
  --gold-700: #685537;   /* dorado para texto sobre --gold-100: 5.80:1.
                            --gold-500 y --gold-600 no llegan a AA ahí */

  /* --------------------------------------------------------- Neutros ----- */
  --ink:     #14202E;
  --text:    #2C3E50;
  --muted:   #5C6B7A;    /* 4.6:1 sobre --bg  → AA en cuerpo */
  --rule:    #DFE3E8;
  --rule-soft: #ECEFF2;
  --bg-soft: #F6F3EC;    /* fondo cálido de bloques destacados */
  --bg:      #FFFFFF;
  --white:   #FFFFFF;

  /* --------------------------------------------------------- Estado ------ */
  --error:   #A32633;
  --error-bg: #FCF2F3;
  --success: #1F6B33;
  --success-bg: #F1F8F2;

  /* --------------------------------------------------- Tipografía -------- */
  /* Display: cambiable en un solo lugar (BUILD_SPEC §2.2).
     Alternativas evaluadas: 'Source Serif 4', 'Newsreader'. */
  --font-display: "Fraunces", "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala fluida. Móvil → desktop según BUILD_SPEC §2.2.
     Cuerpo nunca baja de 16px; base de desktop 17.5px. */
  --fs-h1:      clamp(2.125rem, 1.35rem + 3.5vw, 3.75rem);   /* 34 → 60 */
  --fs-h2:      clamp(1.75rem, 1.28rem + 2.1vw, 2.625rem);   /* 28 → 42 */
  --fs-h3:      clamp(1.375rem, 1.16rem + 0.95vw, 1.875rem); /* 22 → 30 */
  --fs-h4:      clamp(1.1875rem, 1.11rem + 0.35vw, 1.4375rem);/* 19 → 23 */
  --fs-lead:    clamp(1.125rem, 1.02rem + 0.5vw, 1.3125rem); /* 18 → 21 */
  --fs-body:    clamp(1rem, 0.96rem + 0.2vw, 1.09375rem);    /* 16 → 17.5 */
  --fs-small:   0.9375rem;                                    /* 15 */
  --fs-caption: 0.875rem;                                     /* 14 */
  --fs-eyebrow: 0.8125rem;                                    /* 13 */

  --lh-tight: 1.08;
  --lh-head:  1.16;
  --lh-h3:    1.22;
  --lh-body:  1.62;

  --tracking-eyebrow: 0.09em;
  --tracking-display: -0.018em;

  /* ------------------------------------------------------ Espaciado ------ */
  /* Sistema de 8px (BUILD_SPEC §2.3) */
  --s-1:  0.25rem;   /*  4 */
  --s-2:  0.5rem;    /*  8 */
  --s-3:  0.75rem;   /* 12 */
  --s-4:  1rem;      /* 16 */
  --s-6:  1.5rem;    /* 24 */
  --s-8:  2rem;      /* 32 */
  --s-12: 3rem;      /* 48 */
  --s-16: 4rem;      /* 64 */
  --s-24: 6rem;      /* 96 */
  --s-32: 8rem;      /* 128 */

  --section:    clamp(4rem, 9vw, 6rem);    /* 64 móvil → 96 desktop */
  --section-lg: clamp(5rem, 12vw, 8rem);   /* bloques de respiro */
  --section-sm: clamp(2.5rem, 6vw, 4rem);

  /* ----------------------------------------------------- Contenedor ----- */
  --max:    75rem;    /* 1200px */
  --prose:  68ch;     /* medida de línea 60–75 caracteres */
  --narrow: 46rem;
  --gutter: clamp(1.5rem, 5vw, 4rem);   /* 24 → 64 */

  /* --------------------------------------------------------- Radios ----- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;

  /* -------------------------------------------------------- Sombras ----- */
  --sh-1: 0 1px 2px rgba(10, 22, 38, 0.05);
  --sh-2: 0 6px 24px rgba(10, 22, 38, 0.07);
  --sh-3: 0 16px 48px rgba(10, 22, 38, 0.10);

  /* ---------------------------------------------------- Transiciones ---- */
  --t-fast: 150ms;
  --t:      200ms;
  --t-slow: 250ms;
  --ease:   cubic-bezier(0.22, 0.61, 0.36, 1);   /* ease-out */

  /* ----------------------------------------------------------- Capas ---- */
  --z-header: 100;
  --z-drawer: 200;
}