:root{
  /* Accent — gold, for primary CTAs only */
  --gold-500:#FFC000;
  --gold-700:#917300;
  --gold-300:#FFCE3E;
  /* Signal (rare) */
  --cyan-500:#29ABE2;
  --blue-600:#3860BE;
  --teal-500:#1EAEDB;
  /* Achromatic ramp */
  --black:#000000;
  --iron-900:#181818;
  --charcoal:#202020;
  --shadow-gray:#313131;
  --graphite:#494949;
  --iron-600:#555555;
  --slate:#666666;
  --ash:#7D7D7D;
  --steel:#969696;
  --line-light:#DDDDDD;
  --mist:#E6E6E6;
  --smoke:#F5F5F5;
  --near-white:#F8F8F8;
  --white:#FFFFFF;
  /* Overlays */
  --overlay-70:rgba(0,0,0,0.7);
  --overlay-50:rgba(0,0,0,0.5);
  --overlay-25:rgba(0,0,0,0.25);

  /* Semantic — surfaces */
  --surface-page:var(--black);
  --surface-deep:var(--iron-900);
  --surface-raised:var(--charcoal);
  --surface-raised-2:var(--graphite);
  --surface-light:var(--near-white);
  --surface-light-2:var(--mist);
  --surface-scrim:var(--overlay-70);
  /* Semantic — text */
  --text-primary:var(--white);
  --text-secondary:var(--smoke);
  --text-body:var(--ash);
  --text-muted:var(--ash);
  --text-disabled:var(--steel);
  --text-on-light:var(--graphite);
  --text-on-accent:var(--black);
  --text-accent:var(--gold-300);
  /* Semantic — borders */
  --border-ghost:rgba(255,255,255,0.5);
  --border-strong:var(--white);
  --border-divider:var(--charcoal);
  --border-input:var(--ash);
  --border-switch:var(--line-light);
  /* Semantic — actions */
  --accent:var(--gold-500);
  --accent-hover:var(--gold-700);
  --btn-accent-bg:var(--gold-500);
  --btn-accent-hover:var(--gold-700);
  --link:var(--white);
  --link-hover:var(--gold-300);
  --info:var(--cyan-500);
}