/* =========================================================
   Fran Vallejo · Coaching & Consulting — TOKENS
   Fuente de verdad: Brief de construcción §3 + estudio-de-imagen-fv.md
   Una identidad, dos temperaturas: .t-sobria (papel) / .t-inmersiva (azul marino)
   ========================================================= */
:root {
  /* Color — brief §3 (literal) */
  --paper:      #FAF8F4;
  --ink:        #242A33;
  --navy:       #0F2439;
  --navy-2:     #1A3552;
  --blue:       #0F4C8C;
  --gold:       #A97D42;   /* oro sobre papel: filetes, viñetas, títulos grandes */
  --gold-light: #C9A84C;   /* oro solo sobre azul marino — PROHIBIDO sobre papel */
  --mist:       #6F7689;
  --line:       #DDD4BF;
  --callout-bg: #F2EDE1;
  --bone:       #FBFAF6;   /* blanco hueso: texto sobre azul marino */

  /* Variantes para TEXTO CHICO sobre papel (cumplen 4.5:1, regla del brief §3).
     Aplicadas desde la fase de UI (25 sep 2026); casi idénticas al token original. */
  --mist-text: #6B7184;   /* 4.58:1 — el #6F7689 da 4.28:1 */
  --gold-text: #916B39;   /* 4.53:1 — el #A97D42 da 3.47:1 (se reserva para filetes, viñetas y títulos grandes) */
  --gold-soft: rgba(169,125,66,.10);
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --shadow-1: 0 1px 2px rgba(15,36,57,.06), 0 8px 24px rgba(15,36,57,.08);

  /* Tipografía — Playfair siempre itálica; Inter para todo lo demás */
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-body: "Inter", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;

  /* Escala (web, base 16 px). Se afina en la fase de UI */
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-h3:   1.25rem;
  --fs-h2:   clamp(1.625rem, 1.2rem + 1.8vw, 2.25rem);
  --fs-h1:   clamp(2.125rem, 1.4rem + 3.2vw, 3.5rem);
  --lh-body: 1.7;
  --lh-tight: 1.15;
  --measure: 65ch;          /* estudio: máx. ~65 caracteres por línea */

  /* Espaciado */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --max-w: 72rem;

  /* Firma (estudio de imagen) */
  --sig-rule-w: 56px;
  --mono-min: 48px;         /* monograma 3D nunca por debajo de 48 px (brief) */
}

/* Temperaturas */
.t-sobria    { --bg: var(--paper); --fg: var(--ink);  --accent: var(--gold);       --muted: var(--mist-text); }
.t-inmersiva { --bg: var(--navy);  --fg: var(--bone); --accent: var(--gold-light); --muted: rgba(251,250,246,.72); }