:root{
  /* Base ramp: Ink — deep navy. The brand. */
  --ink-950:#0B0F19; --ink-900:#111828; --ink-800:#182135; --ink-700:#1E2A44;
  --ink-600:#2A3959; --ink-500:#3A4C70; --ink-400:#5E718F; --ink-300:#93A0B5;
  --ink-200:#C6CDD9; --ink-100:#E9ECF1;

  /* Base ramp: Brass — muted antique gold. The only accent hue, never saturated. */
  --brass-700:#6E5828; --brass-600:#8A6F35; --brass-500:#A98A4C; --brass-400:#C4AA76; --brass-100:#F0EAD9;

  /* Base ramp: Neutral — warm greige, so the navy reads rich rather than cold. */
  --neutral-900:#1C1B19; --neutral-800:#292825; --neutral-700:#45433E; --neutral-600:#5A574F;
  --neutral-500:#726F66; --neutral-400:#9C9890; --neutral-300:#C9C5BD; --neutral-200:#E5E2DB;
  --neutral-100:#F2F0EB; --neutral-050:#FAF9F6; --white:#FFFFFF;

  /* Base ramp: Status — all desaturated. Nothing saturated, nothing green. */
  --danger-600:#7E3830; --danger-500:#8E4038; --danger-100:#F1E4E1;
  --warning-600:#7A6230; --warning-500:#8A6F35; --warning-100:#F1EADA;
  --info-500:#3A4C70; --info-100:#E7EAF0;
  --positive-600:#233150; --positive-500:#2A3959;
  --star-500:#A98A4C;

  /* Semantic: surfaces */
  --surface-page:var(--neutral-050);
  --surface-page-alt:var(--neutral-100);
  --surface-card:var(--white);
  --surface-card-alt:var(--neutral-100);
  --surface-inverse:var(--ink-700);
  --surface-inverse-deep:var(--ink-900);
  --surface-inverse-soft:var(--ink-500);
  --surface-card-inverse:var(--ink-800);
  --surface-sunken:var(--ink-100);

  /* Semantic: text */
  --text-heading:var(--ink-700);
  --text-body:var(--neutral-700);
  --text-muted:var(--neutral-500);
  --text-on-inverse:var(--white);
  --text-on-inverse-muted:var(--ink-200);
  --text-link:var(--ink-700);
  --text-link-hover:var(--brass-600);
  --text-accent:var(--brass-600);

  /* Semantic: lines */
  --border-subtle:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--ink-700);
  --border-on-inverse:rgba(255,255,255,.24);
  --rule-eyebrow:var(--ink-700);

  /* Semantic: interactive */
  --action-primary:var(--ink-700);
  --action-primary-hover:var(--ink-800);
  --action-primary-active:var(--ink-950);
  --action-primary-text:var(--white);
  --action-secondary:transparent;
  --action-secondary-border:var(--ink-700);
  --action-secondary-hover:var(--ink-100);
  --action-accent:var(--brass-600);
  --action-accent-hover:var(--brass-700);
  --action-accent-text:var(--white);
  --action-on-inverse:var(--white);
  --action-on-inverse-text:var(--ink-700);
  --action-disabled:var(--neutral-200);
  --action-disabled-text:var(--neutral-400);
  --focus-ring:var(--brass-500);
}