:root {
  --colour-header: #000000;
  --colour-header-text: #ffffff;
  --colour-surface: #f5f5f3;
  --colour-card: #ffffff;
  --colour-card-muted: #fafafa;
  --colour-text: #111111;
  --colour-muted: #5c5c5c;
  --colour-accent: #c88800;
  --colour-accent-hover: #a87200;
  --colour-accent-soft: #fff4d6;
  --colour-highlight-tooth: #087F8C;
  --colour-highlight-reference: #5754A3;
  --colour-link: #6b4a00;
  --colour-link-hover: #4e3600;
  --colour-border: #d8d8d4;
  --colour-available-bg: #fff4d6;
  --colour-available-text: #6b4a00;
  --colour-developing-bg: #fff4d6;
  --colour-developing-text: #6b4a00;
  --colour-later-bg: #ececec;
  --colour-later-text: #4a4a4a;
  --colour-error-bg: #fdecec;
  --colour-error-text: #8a1f1f;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-numbers: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --width-page: 68rem;
  --radius: 0.4rem;
  --touch-min: 2.75rem;
  --logo-height: 3.8125rem;
  --logo-height-mobile: 3.0625rem;
  --breakpoint-tablet: 45rem;
  --breakpoint-desktop: 60rem;
}