:root {
  /* Palette: black / dark gray / gold / amber / white */
  --color-bg: #0a0a0b;
  --color-bg-elevated: #16151a;
  --color-bg-card: #1c1b21;
  --color-bg-card-hover: #232228;
  --color-border: #2c2b32;

  --color-gold: #d4af37;
  --color-gold-bright: #f2d675;
  --color-amber: #e8983a;
  --color-amber-dim: #c9822f;

  --color-text: #f5f3ee;
  --color-text-muted: #a6a3ad;
  --color-text-faint: #6f6c78;

  --color-danger: #e0574a;
  --color-success: #4fae6a;

  --gradient-gold: linear-gradient(135deg, var(--color-gold-bright), var(--color-amber));
  --gradient-bg: radial-gradient(circle at 50% 0%, #1a1820 0%, #0a0a0b 55%);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 4px 18px rgba(212, 175, 55, 0.18);

  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 140ms;
  --duration-base: 240ms;
  --duration-slow: 420ms;

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Arial, sans-serif;

  --header-height: 64px;
  --container-max: 1200px;
}