/* ============================================================
   tokens.css — variables only. No selectors beyond :root.
   Direction: "Midnight & Champagne" — deep indigo night ground,
   champagne-gold luxe accent, brand indigo #4854A3 on CTAs.
   Type: Playfair Display (serif display) + Inter + Space Mono.
   ============================================================ */

:root {
  /* ---- Colour — "Champagne Noir": gold-led, warm plum-black - */
  --curtain:   #15111C;   /* warm plum-black — page ground */
  --curtain-2: #1C1726;   /* raised ground, alt sections */
  --velvet:    #241D30;   /* glass card base */
  --velvet-2:  #2E263E;   /* raised surface */
  --chrome:    #B4ABBE;   /* warm grey — secondary text */
  --paper:     #F7F1E6;   /* warm ivory — text on dark, light sections */
  --ink:       #17121C;   /* text on light / gold surfaces */

  /* Champagne gold — the star. Primary accent AND CTA. */
  --flash:       #E8C98F;   /* gold — CTA fill + primary accent */
  --flash-ink:   #1A1410;   /* dark text that sits on a gold button */
  --flash-hover: #F1D9A6;
  --champagne:      #E8C98F; /* alias — luminous gold on dark */
  --champagne-deep: #9A7638; /* deeper gold on light backgrounds */

  /* Indigo — demoted to atmosphere only (imagery, hero light) */
  --indigo-lift: #6E79C9;

  /* Functional */
  --velvet-line: rgba(232, 201, 143, 0.15);  /* warm gold hairline */
  --line-cool:   rgba(255, 255, 255, 0.07);
  --paper-dim:   rgba(247, 241, 230, 0.64);
  --overlay:     rgba(10, 7, 14, 0.64);
  --glass-hi:    rgba(255, 255, 255, 0.06);   /* top highlight on glass */

  /* Grain texture (film-grain overlay) */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* ---- Type ------------------------------------------------ */
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Space Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Type scale (rem) */
  --t-xs:   0.78rem;
  --t-sm:   0.9rem;
  --t-base: 1.05rem;
  --t-md:   1.3rem;
  --t-lg:   1.9rem;
  --t-xl:   2.6rem;
  --t-2xl:  clamp(2.6rem, 6.2vw, 4.4rem);
  --t-3xl:  clamp(3.2rem, 8.5vw, 6.4rem);

  --leading-tight: 1.06;
  --leading-snug:  1.22;
  --leading-body:  1.62;
  --tracking-wide: 0.16em;   /* mono eyebrows / date-stamps */

  /* ---- Space ----------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --section-y: clamp(4rem, 9vw, 7rem);
  --maxw:      1180px;
  --maxw-text: 66ch;
  --gutter:    clamp(1.15rem, 4vw, 2.25rem);

  /* ---- Radius / border / shadow ---------------------------- */
  --radius-sm: 8px;
  --radius:    16px;
  --radius-lg: 26px;
  --border:    1px solid var(--velvet-line);
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow:    0 18px 50px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.55);

  /* ---- Motion ---------------------------------------------- */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-flash: 60ms;
  --dur-fast:  200ms;
  --dur:       420ms;

  /* ---- Layout ---------------------------------------------- */
  --nav-h: 74px;
}