:root {
  /* 228 brand tokens v0.2 DRAFT. Canonical red #5F1513 everywhere incl. buttons/links (Ben, 2026-10-20). Core = sourced; ramps + blade tint = PROPOSAL */
  --228-oxblood: #5F1513;
  --228-ink: #07042E;
  --228-cream: #FEE4D2;
  --228-paper: #F8F4F1;
  --228-blade-tint: #D6B0A2;
  --228-white: #FFFFFF;
  --228-oxblood-50: #FFF2F0;
  --228-oxblood-100: #F9E2DF;
  --228-oxblood-200: #E7C9C5;
  --228-oxblood-300: #C49893;
  --228-oxblood-400: #925650;
  --228-oxblood-500: #783630;
  --228-oxblood-600: #5F1513;
  --228-oxblood-700: #4F0C0B;
  --228-oxblood-800: #390203;
  --228-oxblood-900: #250001;
  --228-ink-50: #F2F5FE;
  --228-ink-100: #E1E4F1;
  --228-ink-200: #C6CADB;
  --228-ink-300: #9EA3BB;
  --228-ink-400: #727896;
  --228-ink-500: #4C5375;
  --228-ink-600: #2C3257;
  --228-ink-700: #171A42;
  --228-ink-800: #0B0A33;
  --228-ink-900: #07042E;
  /* roles */
  --228-primary: var(--228-oxblood);
  --228-button-bg: var(--228-oxblood);
  --228-button-bg-hover: var(--228-oxblood-700);
  --228-button-label: var(--228-cream);
  --228-link: var(--228-oxblood);
  --228-text: var(--228-ink);
  --228-bg: var(--228-paper);
  /* retired: #540202@90%, #51150A, #6C1517, #481717, #250000 (do not use) */
}