/* Tilt design tokens (Midnight Lounge) — generated from tokens.json. Link before components.css. */
:root{
  --stage: #06070f;
  --bg: #0a0b1a;
  --bg-glow: #1a1030;
  --panel: #11122a;
  --panel-raised: #171937;
  --panel-hover: #1f2146;
  --input: #0d0e22;
  --line: #25284a;
  --line-strong: #34386a;
  --text: #f4efe6;
  --muted: #a9a8c4;
  --subtle: #8e8db0;
  --dim: #5c5c80;
  --gold: #e8c47a;
  --gold-bright: #f6dca0;
  --gold-hover: #d4ad62;
  --gold-deep: #b8893a;
  --on-gold: #231804;
  --teal: #43d1b8;
  --teal-deep: #2aa893;
  --on-teal: #04211c;
  --green: #4ade80;
  --red: #ff5470;
  --glow-gold: rgba(232,196,122,0.35);
  --glow-teal: rgba(67,209,184,0.22);
  --glow-red: rgba(255,84,112,0.22);
  --wash-gold: rgba(232,196,122,0.08);
  --wash-green: rgba(74,222,128,0.08);
  --wash-red: rgba(255,84,112,0.09);
  --sheen: rgba(246,220,160,0.07);
  --scrim: rgba(4,4,12,0.62);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 18px;
  --space-6: 22px;
  --space-7: 26px;
  --space-8: 40px;
  --space-9: 64px;
  --space-10: 120px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-card: inset 0 1px 0 rgba(246,220,160,0.07), 0 24px 60px rgba(0,0,0,0.45);
  --shadow-lift: inset 0 1px 0 rgba(246,220,160,0.1), 0 32px 80px rgba(0,0,0,0.55);
  --shadow-glow-gold: 0 10px 32px rgba(232,196,122,0.32), inset 0 1px 0 rgba(255,246,220,0.6);
  --shadow-glow-teal: 0 0 0 4px rgba(67,209,184,0.18);
  --z-stage: 1;
  --z-overlay: 5;
  --z-nav: 50;
  --z-modal: 100;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "SF Mono", ui-monospace, Menlo, monospace;
  --foil: linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 45%, var(--gold-deep) 100%);
}
.display-hero{font-family:var(--font-display);font-size:92px;line-height:0.95;font-weight:560;letter-spacing:-2.5px}
.display-1{font-family:var(--font-display);font-size:60px;line-height:1.0;font-weight:560;letter-spacing:-1.5px}
.display-2{font-family:var(--font-display);font-size:36px;line-height:1.08;font-weight:600;letter-spacing:-0.8px}
.wordmark{font-family:var(--font-sans);font-size:20px;line-height:1;font-weight:700;letter-spacing:-0.6px}
.title{font-family:var(--font-sans);font-size:18px;line-height:24px;font-weight:600;letter-spacing:-0.2px}
.lead{font-family:var(--font-sans);font-size:19px;line-height:30px;font-weight:400}
.body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400}
.button{font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:600;letter-spacing:-0.1px}
.multiplier{font-family:var(--font-mono);font-size:96px;line-height:1;font-weight:600;letter-spacing:-2px}
.stat{font-family:var(--font-mono);font-size:40px;line-height:1.05;font-weight:500;letter-spacing:-1px}
.balance{font-family:var(--font-mono);font-size:16px;line-height:20px;font-weight:500}
.figure{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:500}
.label{font-family:var(--font-mono);font-size:11px;line-height:14px;font-weight:500;letter-spacing:1.6px}
.chip{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500}
.code{font-family:var(--font-mono);font-size:12px;line-height:18px;font-weight:400}
/* Legacy aliases so existing game pages keep working. */
:root{ --panel2: var(--panel-raised); }