:root{
  --gold-100:#f3e7c9;
  --gold-300:#e0c48c;
  --gold-500:#d1af69;
  --gold-600:#c29f55;
  --gold-700:#b08b3e;
  --gold-800:#a07a29;
  --ink-900:#141414;
  --ink-800:#1a1a1a;
  --ink-700:#232323;
  --ink-600:#2e2e2e;
  --ink-500:#3d3d3d;
  --ink-300:#6b6b6b;
  --ink-100:#a8a8a8;
  --white:#ffffff;
  --off-white:#f6f5f2;

  --gradient-gold: linear-gradient(100deg, var(--gold-500) 0%, var(--gold-600) 35%, var(--gold-700) 70%, var(--gold-800) 100%);

  --bg-page: var(--ink-700);
  --bg-surface: var(--ink-800);
  --bg-elevated: var(--ink-600);
  --bg-inverse: var(--off-white);

  --text-primary: var(--white);
  --text-secondary: var(--ink-100);
  --text-muted: var(--ink-300);
  --text-on-light: var(--ink-900);
  --text-accent: var(--gold-500);

  --border-subtle: rgba(255,255,255,0.10);
  --border-default: rgba(255,255,255,0.16);
  --border-strong: rgba(255,255,255,0.28);
  --border-gold: var(--gold-600);

  --accent: var(--gold-600);
  --accent-hover: var(--gold-500);
  --accent-active: var(--gold-800);

  --success:#5fae7a;
  --danger:#c0574b;
  --warning:#d1af69;

  --focus-ring: var(--gold-500);
}