:root {
  /* --- Reference palette: deep purple lounge, brown felt, warm gold --- */
  --purple-900: #0d0418;
  --purple-800: #14082a;
  --purple-700: #1a0d2e;
  --purple-600: #2a1848;
  --purple-500: #3d2560;

  --felt-brown-900: #2a1810;
  --felt-brown-800: #3d2419;
  --felt-brown-700: #4a3020;
  --felt-brown-600: #5a3d28;
  --felt-brown-500: #6d4c35;

  --gold-50: #fdf8eb;
  --gold-100: #f6e9c4;
  --gold-200: #efd99a;
  --gold-300: #e8c874;
  --gold-400: #d4af37;
  --gold-500: #c9a050;
  --gold-600: #a88842;
  --gold-700: #8a6f34;

  --card-green-900: #004d40;
  --card-green-800: #0f4d38;
  --card-green-700: #1a5c48;

  --cream: #fdf5e6;
  --cream-dim: #ddd4bc;
  --ink: #141714;
  --ink-soft: #2e312a;

  --ruby: #b13049;
  --ruby-deep: #7d1f31;

  --knock-blue-top: #1e3a6a;
  --knock-blue-mid: #152848;
  --knock-blue-bot: #0f1e38;

  --success: #4fae7a;
  --danger: #d5555a;

  --shadow-soft: rgba(0, 0, 0, 0.38);
  --shadow-hard: rgba(0, 0, 0, 0.65);
  --shadow-gold: rgba(212, 175, 55, 0.22);

  /* legacy aliases */
  --felt-900: var(--purple-900);
  --felt-800: var(--purple-800);
  --felt-700: var(--purple-700);
  --felt-600: var(--purple-600);
  --felt-500: var(--purple-500);
  --brass-50: var(--gold-50);
  --brass-100: var(--gold-100);
  --brass-200: var(--gold-200);
  --brass-300: var(--gold-300);
  --brass-400: var(--gold-400);
  --brass-500: var(--gold-500);
  --brass-600: var(--gold-600);
  --brass-700: var(--gold-700);
  --brass-900: var(--gold-700);
  --glass-bg: rgba(20, 8, 40, 0.72);
  --glass-border: rgba(212, 175, 90, 0.28);
  --glass-highlight: rgba(255, 255, 255, 0.06);

  /* --- Type --- */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Layout: 1920×1080 reference target --- */
  --radius-card: 9px;
  --radius-ui: 14px;
  --table-radius: 28px;
  --card-w: 100px;
  --card-h: 138px;
  --card-w-mini: 52px;
  --card-h-mini: 72px;
  --card-overlap: -52px;

  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-luxe: cubic-bezier(0.16, 1, 0.3, 1);
}