:root {
  --bg-primary: #0A0A0F;
  --bg-secondary: #14141A;
  --bg-tertiary: #1E1E26;
  --bg-overlay: rgba(10, 10, 15, 0.85);

  --accent-gold: #D4A24C;
  --accent-gold-bright: #E8B95C;
  --accent-gold-muted: #8B6B30;
  --accent-gold-dim: rgba(212, 162, 76, 0.15);
  --accent-teal: #4B7F7F;

  --text-primary: #F0E6D2;
  --text-secondary: #A89B82;
  --text-tertiary: #6B6356;

  --separator: #2A2A33;
  --hairline-gold: rgba(212, 162, 76, 0.35);

  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-emphasis: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 700ms;

  --font-serif: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-display: 'EB Garamond', 'Cormorant Garamond', Georgia, serif;

  --player-bar-height: 88px;
  --header-height: 72px;

  --shadow-gold-glow: 0 0 24px rgba(212, 162, 76, 0.25), 0 4px 32px rgba(0, 0, 0, 0.6);
  --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.7), 0 0 32px rgba(212, 162, 76, 0.18);
}