/* ============================================================
   Starwise — shared brand tokens
   ============================================================
   Single source of truth for colors, type, and spacing across
   every page. New components MUST reference these variables
   rather than hard-coding hex values.

   Existing inline :root blocks on pages override these for now.
   Migration plan: progressively delete those inline blocks as
   pages are touched, leaving tokens.css as the only source.

   Brand discipline lives in /CLAUDE.md.
   ============================================================ */

:root {
  /* ---------- Palette: dark "space" theme (marketing + order) ---------- */
  --space:        #0A0E2E;   /* base navy */
  --space-deep:   #040618;   /* deepest fill */
  --space-elev:   #0F152F;   /* elevated surfaces, banners */

  /* ---------- Gold accents ---------- */
  --gold-1:       #FFE5A0;   /* highlight, em titles */
  --gold-2:       #F4C84A;   /* primary CTA fill */
  --gold-3:       #E89020;   /* deeper warm gold */
  --gold-soft:    #E4D6A8;   /* faint gold for rules */
  --gold-rule:    #D8A850;   /* divider gold */

  /* ---------- Neon accents (sparingly) ---------- */
  --neon-pink:    #E879F9;
  --neon-blue:    #38BDF8;
  --neon-violet:  #A78BFA;

  /* ---------- Ink (text on dark) ---------- */
  --ink-white:    #F4EDDE;
  --ink-soft:     rgba(244, 237, 222, 0.78);
  --ink-muted:    rgba(244, 237, 222, 0.55);
  --ink-faint:    rgba(244, 237, 222, 0.38);

  /* ---------- Lines & surfaces ---------- */
  --line:         rgba(232, 214, 168, 0.12);
  --line-strong:  rgba(232, 214, 168, 0.22);
  --line-gold:    rgba(232, 214, 168, 0.35);
  --surface-1:    rgba(244, 237, 222, 0.04);
  --surface-2:    rgba(244, 237, 222, 0.06);

  /* ---------- Email-styled UI (mirrors backend PDF/email) ---------- */
  --email-bg:     #F7F4EC;   /* cream page */
  --email-card:   #FFFFFF;   /* white card */
  --email-gold:   #B8943F;   /* dimmer email-gold */
  --email-navy:   #0F1B3D;   /* email-navy text */

  /* ---------- Typography ---------- */
  --font-serif:   'Spectral', Georgia, serif;
  --font-sans:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* ---------- Layout ---------- */
  --container-w:  1160px;
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    18px;

  /* ---------- Motion ---------- */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
}