:root{
  /* Brand — sampled from the Zimmer wordmark */
  --green-500:#2E9E0B; --green-600:#268709; --green-700:#1D6A07; --green-800:#154E06; --green-900:#0E3504;
  --green-400:#5CB93F; --green-300:#8FD07B; --green-200:#C2E6B8; --green-100:#E2F3DC; --green-50:#F2FAEF;
  --n-0:#FFFFFF; --n-25:#FBFBF9; --n-50:#F5F5F1; --n-100:#EBEBE5; --n-200:#DCDCD4; --n-300:#C2C2B8;
  --n-400:#9B9B90; --n-500:#77776C; --n-600:#5A5A51; --n-700:#42423B; --n-800:#2B2B26; --n-900:#1A1A16;
  --ochre-500:#D98E1F; --ochre-100:#FAEDD6;
  --success-500:#2E9E0B; --success-100:#E2F3DC; --warning-500:#D98E1F; --warning-100:#FAEDD6;
  --danger-500:#C0392B; --danger-100:#F8E3E0; --info-500:#2C6E9B; --info-100:#E1EDF5;
  --brand:var(--green-500); --brand-hover:var(--green-600); --brand-active:var(--green-700);
  --brand-subtle:var(--green-100); --brand-tint:var(--green-50); --on-brand:var(--n-0);
  --text-strong:var(--n-900); --text-body:var(--n-700); --text-muted:var(--n-500); --text-inverse:var(--n-0);
  --text-brand:var(--green-700); --text-link:var(--green-700); --text-link-hover:var(--green-800);
  --surface-page:var(--n-0); --surface-sunken:var(--n-50); --surface-card:var(--n-0);
  --surface-inverse:var(--n-900); --surface-brand:var(--green-500); --surface-brand-soft:var(--green-50);
  --border-subtle:var(--n-100); --border-default:var(--n-200); --border-strong:var(--n-300); --border-brand:var(--green-500);
  --focus-ring:0 0 0 3px var(--green-200);
}