/* ============================================================
   FUERZA & BIENESTAR · TOKENS · v1.0
   Modo Editorial Oscuro exclusivo. Valores exactos de la spec.
   No aproximar. No agregar colores fuera de esta lista.
   ============================================================ */
:root {
  /* ---- Color · oficiales ---- */
  --fyb-bg-dark: #0B1012;
  --fyb-surface-dark: #1C1D1F;
  --fyb-border-dark: #2A2D30;
  --fyb-gold: #FFBD59;
  --fyb-gold-muted: #C5A880;
  --fyb-olive: #9FA582;
  --fyb-cream: #E1E5CD;
  --fyb-text-light: #C2C4B5;
  --fyb-bg-light: #F5F4EF;
  --fyb-text-dark: #17191B;

  /* ---- Color · derivados v1.0 ---- */
  --fyb-surface-light: #FFFFFF;
  --fyb-border-light: rgba(23, 25, 27, .14);
  --fyb-row-alt: #EDECE4;
  --fyb-text-muted-dark: rgba(194, 196, 181, .62);
  --fyb-text-muted-light: rgba(23, 25, 27, .60);
  --fyb-gold-tint: rgba(255, 189, 89, .14);
  --fyb-olive-tint: rgba(159, 165, 130, .18);

  /* ---- Tipografía ---- */
  --font-oswald: "Oswald", "Arial Narrow", sans-serif;
  --font-inter: "Inter", system-ui, -apple-system, sans-serif;

  /* Escala tipográfica web (clamp) · roles de la spec */
  --t-display: clamp(38px, 7vw, 104px);
  --t-h1: clamp(34px, 4.5vw, 60px);
  --t-h2: clamp(26px, 3vw, 40px);
  --t-h3: clamp(18px, 1.5vw, 22px);
  --t-kicker: 12px;
  --t-stat: clamp(38px, 5vw, 68px);
  --t-quote: clamp(20px, 2.2vw, 30px);
  --t-lead: clamp(17px, 1.3vw, 20px);
  --t-body: clamp(16px, 1.05vw, 17px);
  --t-data: 13px;
  --t-meta: 11px;
  --t-chip: 11px;

  /* ---- Espaciado · base 4px, escala cerrada ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;
  --s-32: 128px;
  --s-40: 160px;

  /* ---- Layout ---- */
  --measure: 68ch;          /* 60-75 caracteres por línea */
  --wrap: 1200px;
  --wrap-narrow: 900px;

  /* ---- Radios (fachada tipo referencia) ---- */
  --r-card: 18px;           /* tarjetas y bloques */
  --r-block: 24px;          /* contenedores grandes */
  --r-pill: 999px;          /* CTA y nav pill */
  --r-media: 16px;          /* fotos */

  /* ---- Motion ---- */
  --ease-editorial: cubic-bezier(.16, 1, .3, 1);
  --reveal-dur: 500ms;
}