/*! Spanish with Sofís — base: fonts + design tokens. Shared by every page. */
/* Self-hosted variable fonts (SIL OFL 1.1, see /assets/fonts/OFL-*.txt).
   Served from our own domain: no visitor IP is sent to third-party font CDNs. */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/fraunces-var.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url('../fonts/fraunces-var-italic.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/inter-tight-var.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url('../fonts/jetbrains-mono-var.woff2') format('woff2'); }

:root {
  /* ==========================================================
     PALETA CANÓNICA · Spanish with Sofís
     Fuente de verdad: design-system/src/styles/globals.css
     Verificada contra Spanish_V4_Final_CORREGIDO.pdf (53pp).
     El eBook manda. No editar estos valores aquí — se corrigen
     en el sistema de diseño y se propagan.
     ========================================================== */
  --paper:  #F2EBE0;   /* era #F7F5F0 — deriva 31 */
  --ink:    #1A1612;   /* era #121418 — deriva 5, y era azulado */
  --ember:  #D14820;   /* era #E85D2F — deriva 59, la mayor */
  --sun:    #E8B547;   /* era #F2C14E — deriva 29 */
  --bone:   #DDD3C3;   /* era #E8E4DB — deriva 52 */
  /* Variante de brasa para texto <24px. El ember puro da 3.81:1
     sobre paper y no pasa AA. Esta da 4.56:1. */
  --ember-text: #BC401A;
  /* Fondo oscuro. Antes #0A0E1A: un negro azulado que chocaba con
     la tinta cálida del libro. Reanclado al eje de la marca. */
  --obsidian: #14110E;
  /* Neutrales derivados del eje cálido, no grises fríos. */
  --gray-50:  #F8F3EC;
  --gray-100: #F2EBE0;
  --gray-200: #DDD3C3;
  --gray-300: #B8AC9B;  /* solo bordes y divisores. NUNCA texto: 2.2:1 */
  --gray-400: #74695D;  /* 4.52:1 sobre paper — piso AA. Los 9 usos de
                           esta variable en el documento son texto de
                           10–11px, así que no puede ser más claro. */
  --gray-600: #4F4840;  /* 7.6:1 — texto secundario de peso */
  --gray-900: #1A1612;
  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1.05rem;
  --fs-lg: 1.3rem;
  --fs-xl: 1.6rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3.1rem;
  --fs-hero: 4.4rem;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;
  --shadow-raised: 0 4px 12px -2px rgba(10,14,26,.08), 0 2px 4px -1px rgba(10,14,26,.06);
  --shadow-floating: 0 24px 48px -12px rgba(10,14,26,.20), 0 8px 16px -4px rgba(10,14,26,.08);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}