:root{
  /* base — near-black navy ground, warm off-white ink, single gold accent */
  --navy-95:oklch(0.09 0.005 260);
  --navy-90:oklch(0.11 0.006 260);
  --navy-85:oklch(0.13 0.008 260);
  --navy-80:oklch(0.16 0.01 260);
  --ink-05:oklch(0.95 0.007 85);
  --ink-15:oklch(0.85 0.007 85);
  --ink-30:oklch(0.75 0.01 260);
  --slate-45:oklch(0.6 0.01 260);
  --slate-55:oklch(0.55 0.01 260);
  --slate-60:oklch(0.5 0.012 260);
  --slate-70:oklch(0.4 0.008 260);
  --slate-75:oklch(0.35 0.008 260);
  --gold-60:oklch(0.75 0.1 75);
  --gold-70:oklch(0.85 0.08 75);
  --red-55:oklch(0.65 0.15 25);
  --white-a08:oklch(1 0 0 / 0.08);
  --white-a10:oklch(1 0 0 / 0.1);
  --white-a15:oklch(1 0 0 / 0.15);
  --white-a18:oklch(1 0 0 / 0.18);
  --white-a20:oklch(1 0 0 / 0.2);
  --gold-a06:oklch(0.75 0.1 75 / 0.06);
  --gold-a10:oklch(0.75 0.1 75 / 0.1);
  --gold-a12:oklch(0.75 0.1 75 / 0.12);
  --gold-a35:oklch(0.75 0.1 75 / 0.35);
  --gold-a50:oklch(0.75 0.1 75 / 0.5);
  --black-a40:oklch(0 0 0 / 0.4);
  --black-a55:oklch(0 0 0 / 0.55);
  --black-a70:oklch(0 0 0 / 0.7);

  /* semantic */
  --bg-page:var(--navy-95);
  --bg-elevated:var(--navy-90);
  --bg-sunken:var(--navy-85);
  --bg-media-placeholder:var(--navy-80);
  --text-primary:var(--ink-05);
  --text-secondary:var(--ink-15);
  --text-tertiary:var(--slate-45);
  --text-meta:var(--slate-55);
  --text-muted:var(--slate-60);
  --text-disabled:var(--slate-70);
  --text-faint:var(--slate-75);
  --accent:var(--gold-60);
  --accent-hover:var(--gold-70);
  --accent-wash:var(--gold-a10);
  --accent-border:var(--gold-a50);
  --accent-glow:var(--gold-a35);
  --danger:var(--red-55);
  --border-hairline:var(--white-a10);
  --border-row:var(--white-a08);
  --border-input:var(--white-a15);
  --border-icon:var(--white-a18);
  --overlay-modal:var(--black-a55);
  --shadow-card:var(--black-a40);
}