/* ============================================================
   MAGICAL TRAVELS WITH HALEY — design tokens
   "Midnight & Gold storybook" — the single source of truth.
   Built on the Wulfric Studios system, re-themed enchanted.
   ============================================================ */

:root {
  /* ---- color ---- */
  --void: #0a0720;            /* page background — deep midnight */
  --void-2: #0e0a2a;          /* hero / raised midnight */
  --ink: #120d33;             /* panels, cards */
  --ink-2: #181140;           /* raised surfaces */
  --text: #f7f3ea;            /* warm cream / candlelight */
  --text-dim: rgba(247, 243, 234, .64);
  --text-faint: rgba(247, 243, 234, .40);
  --hairline: rgba(247, 243, 234, .09);
  --hairline-strong: rgba(247, 243, 234, .20);

  --gold: #f4d58d;            /* foil accent — the "magic" highlight */
  --gold-deep: #e0b65f;       /* richer gold for text on light */
  --lilac: #c9a6ff;           /* secondary enchantment */
  --rose: #f6b6c8;            /* soft tertiary sparkle */
  --magic: linear-gradient(118deg, var(--gold), var(--lilac));
  --magic-soft: linear-gradient(118deg, #fbe6a8, #d9c2ff);
  --glow-gold: rgba(244, 213, 141, .16);
  --glow-lilac: rgba(201, 166, 255, .16);

  /* ---- typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(2.8rem, 1.1rem + 7.4vw, 6.6rem);
  --fs-h2: clamp(2.1rem, 1.1rem + 3.4vw, 3.9rem);
  --fs-h3: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);
  --fs-quiz-q: clamp(1.6rem, 1rem + 2.6vw, 3rem);
  --fs-manifesto: clamp(1.7rem, .9rem + 3vw, 3.4rem);
  --fs-lead: clamp(1.05rem, .95rem + .45vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .72rem;

  /* ---- layout ---- */
  --container: 76rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section: clamp(6.5rem, 14vw, 11rem);
  --nav-h: 4.5rem;

  /* ---- shape & motion ---- */
  --radius: 1rem;
  --radius-lg: 1.5rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);     /* expo-style settle */
  --ease-soft: cubic-bezier(.45, .05, .15, 1);  /* gentle in-out */
  --reveal-dur: .9s;
  --line-dur: 1.1s;
}