/* ── Tripo Saints design tokens · cinematic ──
   Single source of truth. The stage is dark; India is amber; text is warm light.
   (Same family as the app's journey-video palette — one brand, one light.) */
:root{
  /* stage */
  --c-stage:#0B0C0A; --c-stage-2:#12130F; --c-ink:#F6F1E7; --c-ink-dim:rgba(246,241,231,.66);
  --c-ink-faint:rgba(246,241,231,.38); --c-line:rgba(246,241,231,.14);
  /* the land */
  --c-amber:#CE8A31; --c-amber-deep:#7E4213; --c-amber-edge:#F2B76B; --c-ember:#FFAD5C;
  --c-accent:#D96B35; --c-accent-deep:#A94F1E;
  /* paper (destination reading sections) */
  --c-paper:#151511; --c-paper-2:#1C1C16;
  /* type */
  --f-display:'Fraunces',Georgia,serif;
  --f-text:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fs-mega:clamp(2.6rem,7.5vw,5.4rem); --fs-beat:clamp(1.9rem,4.6vw,3.4rem);
  --fs-h3:clamp(1.2rem,2.2vw,1.55rem); --fs-lead:clamp(1.02rem,1.5vw,1.2rem);
  --fs-body:1.02rem; --fs-small:.86rem; --fs-tiny:.72rem;
  --lh-tight:1.06; --lh-text:1.75; --track-caps:.24em;
  /* space */
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.75rem; --sp-4:2.75rem; --sp-5:4.5rem; --sp-6:7rem;
  --measure:60ch; --measure-narrow:42ch; --page-max:1180px; --page-pad:clamp(20px,4vw,44px);
  /* radius + shadow + glow */
  --r-s:10px; --r-m:18px; --r-l:26px;
  --shadow-soft:0 30px 80px -30px rgba(0,0,0,.8);
  --glow-ember:0 0 60px rgba(255,173,92,.25);
  /* motion */
  --m-fast:.35s; --m-slow:.9s; --m-ease:cubic-bezier(.22,.68,.32,1); --m-rise:26px;
  /* focus */
  --focus-ring:0 0 0 3px var(--c-stage),0 0 0 6px var(--c-ember);
}