:root {
  --colour-teal: #007a7a;
  --colour-teal-dark: #005656;
  --colour-teal-light: #009999;
  --colour-teal-bg: #e8f5f5;
  --colour-accent: #e6b800;
  --colour-accent-bg: #fff3bf;
  --colour-text: #1a1a1a;
  --colour-muted: #555;
  --colour-bg: #f7f9f8;
  --colour-white: #ffffff;
  --colour-border: #d0d7d4;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-heading: var(--font-body);
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --radius: 0.5rem;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --max-width: 1200px;
}