/* ============================================================
   VENE — DESIGN TOKENS
   "A Book of Hours for the modern mind."
   Palette drawn from the illuminator's table: vellum, oak-gall
   ink, gold leaf, lapis, and madder rubric red.
   ============================================================ */

:root {
  /* ---------- Surfaces (vellum) ---------- */
  --vellum:        #F8F5F0;  /* the page */
  --vellum-bright: #FCFAF6;  /* raking light */
  --vellum-shade:  #F0EAE0;  /* a turned corner */
  --vellum-deep:   #E9E0D1;  /* the mechanics folio */

  /* ---------- Ink (oak gall) ---------- */
  --ink:           #1A1610;  /* full strength */
  --ink-soft:      #463F33;  /* a worn line */
  --ink-faded:     #75695A;  /* secondary voice */
  --ink-ghost:     #A2978A;  /* tertiary, whispers */

  /* ---------- Night surfaces (the enemy, the gallery) ---------- */
  --night:         #14110C;  /* ink as a field */
  --night-raised:  #1D1812;  /* a card in the dark */
  --gallery-wall:  #17120D;  /* warm museum dark */
  --on-night:      #EFE9DF;  /* vellum text on ink */
  --on-night-dim:  #A89B87;
  --on-night-ghost:#6E6354;

  /* ---------- Gold (leaf, not paint) ---------- */
  --gold:          #C4A24A;  /* champagne — the brand line */
  --gold-bright:   #E8CC7E;  /* burnished highlight */
  --gold-deep:     #8E7327;  /* gold in shadow */
  --gold-whisper:  #C4A24A33;/* hairlines, washes */

  /* ---------- Rubric accents (used in drops, never floods) ---------- */
  --madder:        #973B2C;  /* rubrication red */
  --lapis:         #32506F;  /* manuscript blue */
  --verdigris:     #4F6F5A;  /* rare — drôlerie greens only */

  /* ---------- Type families ---------- */
  --serif: "Bodoni Moda", "Didot", "Bodoni 72", "GFS Didot", Georgia, serif;
  --greek: "GFS Didot", "Bodoni Moda", Georgia, serif;
  --sans:  "Inter", -apple-system, "SF Pro Text", "Helvetica Neue", sans-serif;

  /* ---------- Type scale (fluid, perfect-fourth derived) ----------
     Pass-4.1: dialed the whole scale down so 100% reads like ~85% did.
     Big display sizes shrink most (they were too in-your-face on wide
     screens, where they sat at their max); prose barely moves so it stays
     readable. */
  --text-xs:   0.7rem;                             /* plaques, folios */
  --text-sm:   0.8rem;                             /* captions */
  --text-base: clamp(1rem, 0.95rem + 0.26vw, 1.12rem);     /* 16–18 prose */
  --text-md:   clamp(1.12rem, 1rem + 0.58vw, 1.45rem);     /* lead */
  --text-lg:   clamp(1.4rem, 1.16rem + 1.32vw, 2.15rem);   /* h3 */
  --text-xl:   clamp(1.95rem, 1.42rem + 2.5vw, 3.4rem);    /* h2 */
  --text-2xl:  clamp(2.6rem, 1.6rem + 5.1vw, 5.95rem);     /* statements */
  --text-hero: clamp(2.9rem, 1.35rem + 8.4vw, 9.2rem);     /* the title */

  /* ---------- Tracking & leading ---------- */
  --track-caps: 0.16em;     /* small-caps labels */
  --track-wide: 0.08em;
  --leading-tight: 0.96;    /* display */
  --leading-snug: 1.15;
  --leading-prose: 1.65;

  /* ---------- Space (8 base, scaling like margins of a folio) ----------
     Pass-4.1: the larger steps and the section rhythm tightened ~15% to
     match the smaller type, so the page reads less stretched. */
  --s-1: 0.25rem;  --s-2: 0.5rem;  --s-3: 0.7rem;  --s-4: 0.9rem;
  --s-6: 1.3rem;   --s-8: 1.7rem;  --s-12: 2.5rem; --s-16: 3.25rem;
  --s-24: 4.75rem; --s-32: 6.5rem; --s-48: 9.5rem;
  --section-pad: clamp(4.75rem, 11vh, 9rem);   /* vertical rhythm between folios */
  --page-margin: clamp(1.25rem, 4.6vw, 3.5rem);/* outer page margin */

  /* ---------- Measure ---------- */
  --measure-prose: 38rem;    /* ~65ch at prose size */
  --measure-wide:  72rem;    /* content ceiling */

  /* ---------- Motion ---------- */
  --ease-settle: cubic-bezier(0.22, 1, 0.36, 1);   /* everything that arrives */
  --ease-drift:  cubic-bezier(0.45, 0, 0.18, 1);   /* crossfades, slides */
  --ease-lift:   cubic-bezier(0.34, 1.45, 0.64, 1);/* tiny playful things only */
  --t-small:  280ms;   /* hovers, color */
  --t-reveal: 750ms;   /* content arriving */
  --t-draw:   1400ms;  /* gold lines drawing */
  --t-rite:   2200ms;  /* ceremonial (hero, dusk) */

  /* ---------- Z ---------- */
  --z-margin-beast: 5;
  --z-nav: 50;
}