/* Design tokens for the thank-you page (from the Claude Design handoff, 2026-11-05).
   The only place colours, fonts, sizes and timings are defined; index.html uses var(--…) only.
   The confetti script in index.html reads the --confetti-* and colour tokens through getComputedStyle. */
:root {
  /* colour */
  --ivory: #FFFDF8;
  --cream: #F7F3EA;
  --gold: #9A7838;
  --gold-deep: #8A6A2F;
  --gold-3: #B08D4A;
  --gold-4: #C6A159;
  --gold-5: #D4B26A;
  --gold-6: #E4CC8E;
  --gold-pale: #F0DFAE;
  --brown: #6B5B45;
  --shadow: rgba(107, 91, 69, 0.22);
  --shadow-soft: rgba(107, 91, 69, 0.12);

  /* type */
  --font-display: 'Great Vibes', 'Snell Roundhand', cursive;
  --font-accent: 'Dancing Script', cursive;
  --font-sign: 'Ms Madi', 'Dancing Script', cursive;
  --font-body: 'Source Sans 3', 'Helvetica Neue', Helvetica, sans-serif;
  --fs-kicker: 0.875rem;
  --fs-head: clamp(3rem, 14vw, 6rem);
  --fs-head-lead: 0.6em;
  --fs-amp: 1.08em;
  --fs-sub: clamp(2.1rem, 8.5vw, 3.4rem);
  --fs-fifty: 1.45em;
  --fs-body: clamp(1.0625rem, 2.4vw, 1.25rem);
  --fs-sign: clamp(2.1rem, 8vw, 2.8rem);
  --fs-replay: 0.875rem;
  --fs-credit: 0.8125rem;
  --lh-head: 1.15;
  --lh-body: 1.6;
  --lh-head-tight: 1.2;
  --lh-sub: 1.1;
  --track-kicker: 0.32em;
  --track-replay: 0.14em;

  /* size & space */
  --max-w: 960px;
  --photo-w: 640px;
  --text-w: 30ch;
  --pad-x: clamp(1.5rem, 6vw, 3rem);
  --pad-top: clamp(2.5rem, 8vw, 5rem);
  --pad-bottom: clamp(2.5rem, 7vw, 4.5rem);
  --gap-s: 0.75rem;
  --gap-m: clamp(1.25rem, 4vw, 2rem);
  --gap-l: clamp(2.5rem, 9vw, 4.5rem);
  --rule-w: 2.25rem;
  --hairline: 1px;
  --mat: clamp(6px, 1.6vw, 12px);
  --print-pad: clamp(4px, 1vw, 8px);
  --print-then-w: 38%;
  --print-now-w: 25%;
  --tilt-then: -6deg;
  --tilt-now: 5deg;
  --overhang: clamp(2.5rem, 10vw, 5rem);
  --spark: 9px;
  --confetti-strip-w: 5px;
  --confetti-strip-h: 13px;
  --confetti-square: 8px;
  --confetti-dot: 5px;
  --r-round: 50%;
  --shadow-frame: 0 18px 40px -18px var(--shadow), 0 2px 6px var(--shadow-soft);
  --shadow-print: 0 10px 22px -8px var(--shadow), 0 1px 3px var(--shadow-soft);

  /* timing (whole sequence ≈ 7.5s, then rest) */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-settle: cubic-bezier(0.25, 0.55, 0.3, 1);
  --ease-plain: ease-out;
  --ease-in-out: ease-in-out;
  --t-fade: 0.9s;
  --t-kicker: 0.2s;
  --t-head: 0.5s;
  --t-letter: 0.055s;
  --t-letter-dur: 0.8s;
  --t-frame: 1.1s;
  --t-frame-dur: 1.1s;
  --t-drift-dur: 3.6s;
  --t-cross: 3.4s;
  --t-cross-dur: 1.5s;
  --t-print-then: 4.3s;
  --t-print-now: 4.75s;
  --t-print-dur: 0.95s;
  --t-sub: 5.1s;
  --t-shimmer: 5.5s;
  --t-shimmer-dur: 1.5s;
  --t-body: 5.7s;
  --t-sign: 6.2s;
  --t-replay: 6.7s;
  --t-rest: 7.5s;
  --t-ambient: 9s;
  --confetti-count: 70;
  --confetti-count-small: 42;
  --confetti-fall-min: 3.2;
  --confetti-fall-max: 5.2;
  --confetti-wait-max: 1.4;
  --confetti-clear: 7.5;
}