:root {
  --colour-bg: #ffffff;
  --colour-surface: #f5f5f2;
  --colour-text: #595959;
  --colour-muted: #5f6368;
  --colour-border: #d9d9d4;
  --colour-accent: #F97316;
  --colour-accent-hover: #EA580C;
  --colour-success: #237a4b;
  --colour-error: #a52a2a;
  --colour-focus: #f0b429;

  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.375rem;
  --font-size-xl: clamp(1.8rem, 4vw, 2.8rem);
  --font-size-hero: clamp(2.45rem, 7vw, 4.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --content-wide: 75rem;
  --content-standard: 66rem;
  --content-reading: 46rem;
}