/* tokens.css — THE ONLY SOURCE OF COLOR.
   Maestro identity: GOLD on near-black (the Chamber vibe). Dark theme now;
   light theme later = add one html[data-theme="light"] block.
   Components must reference these vars, never hardcode hex (gold rule / 02). */

:root,
html[data-theme="dark"] {
  --bg:        #08070a;   /* near-black, like the Chamber */
  --bg-2:      #0d0b10;
  --surface:   #14110a;   /* warm dark gold-tinted surface */
  --surface-2: #1d1810;
  --line:      rgba(251,191,36,0.14);

  --gold:      #fbbf24;
  --gold-2:    #f59e0b;
  --gold-deep: #d97706;
  --gold-soft: #fde68a;
  --violet:    #b98cff;   /* secondary CTA accent (e.g. quick tour) */

  --accent:     #fbbf24;  /* Maestro gold — primary */
  --accent-2:   #f59e0b;  /* amber — secondary */
  --accent-ink: #160f02;  /* text on gold */

  --text:  #f3ead6;       /* warm parchment white */
  --muted: rgba(243,234,214,0.62);
  --faint: rgba(243,234,214,0.34);
  --ok:    #8fd6a5;

  --bubble-them: #1d1810;
  --bubble-you:  linear-gradient(135deg, #fbbf24, #f59e0b);

  --radius:    18px;
  --radius-lg: 26px;
  --shadow:    0 18px 50px rgba(0,0,0,0.55);
  --glow:      0 0 56px rgba(251,191,36,0.26);

  --font-ui:   'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-disp: 'Cinzel', Georgia, serif;
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light theme placeholder — deferred (Phase 8L). Fill this block; nothing else changes.
html[data-theme="light"] { --bg:#faf6ec; --text:#1a1408; ... }
*/