/* ==========================================================================
   tokens.css — design tokens, verbatim from SABHA-BUILD-SPEC §7.
   Canonical definitions live here. Bricks global variables mirror these for
   the builder pickers; they never redefine them. Do not edit values without
   a spec change.
   ========================================================================== */
:root{
  /* Colour */
  --burgundy-deep:#3a0d0b;
  --burgundy:#5b1714;
  --burgundy-light:#7c2620;
  --burgundy-ink:#2b0907;
  --saffron:#d9982e;
  --gold-soft:#e4ad4b;
  --gold-pale:#f0cf90;
  --olive:#5d5c2e;
  --error:#9a2a22;
  --error-wash:#fdf1ef;
  --ivory:#faf5eb;
  --ivory-deep:#f1e7d7;
  --ivory-warm:#fdf7ee;
  --stone:#e6d6c3;
  --ink:#271b18;
  --muted:#6e625a;
  --white:#ffffff;
  --line:rgba(39,27,24,.12);
  --line-gold:rgba(217,152,46,.34);
  --line-light:rgba(255,255,255,.16);
  --on-dark:#f6ece0;
  --on-dark-muted:rgba(246,236,224,.74);

  /* Typography */
  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-body:"Figtree",Arial,"Helvetica Neue",Helvetica,sans-serif;
  --font-script:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-devanagari:"Tiro Devanagari Sanskrit","Noto Serif Devanagari",serif;

  --fs-display:clamp(2.14rem,1.23rem + 2.78vw,3.64rem);
  --fs-h1-page:clamp(1.87rem,1.23rem + 2.14vw,2.94rem);
  --fs-h2:clamp(1.66rem,1.23rem + 1.39vw,2.51rem);
  --fs-h3:clamp(1.23rem,1.07rem + .59vw,1.6rem);
  --fs-h4:clamp(1.09rem,1.03rem + .32vw,1.28rem);
  --fs-body:clamp(.99rem,.95rem + .184vw,1.07rem);
  --fs-lede:clamp(.99rem,.95rem + .255vw,1.12rem);
  --fs-small:.89rem;
  --fs-micro:.77rem;
  --lh-tight:1.16;
  --lh-snug:1.35;
  --lh-body:1.62;
  --ls-eyebrow:.14em;

  /* Layout */
  --container:1440px;
  --gutter:16px;
  --player-h:60px;
  --header-h:70px;
  --hero-h:440px;
  --card-gap:16px;

  /* Spacing */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:40px; --sp-8:56px; --sp-9:72px; --sp-10:96px;
  --section-y:clamp(40px,6vw,72px);

  /* Radii */
  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;

  /* Shadows — two layers: a tight contact shadow plus a soft ambient one */
  --shadow-sm:0 1px 1px rgba(58,13,11,.04),0 2px 6px rgba(58,13,11,.05);
  --shadow-md:0 1px 2px rgba(58,13,11,.05),0 8px 22px rgba(58,13,11,.08);
  --shadow-lg:0 2px 4px rgba(58,13,11,.06),0 22px 50px rgba(58,13,11,.14);
  --shadow-dark:0 2px 6px rgba(0,0,0,.18),0 14px 38px rgba(0,0,0,.30);
  --shadow-gold:0 2px 10px rgba(122,74,10,.20);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.22s;
}

/* Responsive token overrides (SABHA-BUILD-SPEC §7) */
@media (min-width:640px){  :root{ --gutter:24px } }
@media (min-width:768px){  :root{ --player-h:72px; --header-h:88px; --hero-h:480px; --card-gap:20px } }
@media (min-width:1024px){ :root{ --gutter:clamp(32px,3.1vw,56px); --header-h:96px; --hero-h:520px } }
@media (min-width:1280px){ :root{ --player-h:84px; --header-h:104px; --hero-h:560px; --card-gap:24px } }
@media (min-width:1600px){ :root{ --gutter:64px; --hero-h:600px } }