/* SO semantic colours: one definition source for the isolated design system.
   Import after the existing compiled primitive CSS. No upstream overrides. */
:root {
  --so-color-heading: var(--color-black);
  --so-color-body: var(--color-slate-600);
  --so-color-secondary: var(--color-slate-500);
  --so-color-border: var(--color-gray-200);
  --so-color-primary: var(--color-blue-600);
  --so-color-primary-hover: var(--color-blue-700);
  --so-color-surface: var(--color-white);
  --so-color-section-surface: var(--color-site-gray);
  --so-color-hero-background: var(--color-gray-50);
}