:root {
  /* Brand colours */
  --color-primary-sage: #A8BFB3;
  --color-primary-dark: #3F665C;
  --color-warm-neutral: #D8C3A5;
  --color-background: #F7F4EF;
  --color-text: #24332F;
  --color-accent: #C9A79C;
  --color-error: #B3261E;

  /* Semantic colours */
  --color-surface: #FFFFFF;
  --color-surface-warm: #FBF8F3;
  --color-surface-sage: rgba(168, 191, 179, 0.28);
  --color-surface-sand: rgba(216, 195, 165, 0.26);
  --color-border: rgba(36, 51, 47, 0.16);
  --color-border-strong: rgba(36, 51, 47, 0.28);
  --color-muted-text: rgba(36, 51, 47, 0.76);

  /* Interactive colours */
  --color-button-bg: var(--color-primary-dark);
  --color-button-text: #FFFFFF;
  --color-button-hover: #33544B;
  --color-link: var(--color-primary-dark);
  --color-focus: var(--color-primary-dark);

  /* Typography */
  --font-heading: Georgia, Cambria, "Times New Roman", serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --line-height-tight: 1.1;
  --line-height-heading: 1.18;
  --line-height-body: 1.7;

  /* Type scale */
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.375rem, 2vw, 1.625rem);
  --text-2xl: clamp(1.475rem, 3vw, 2.5rem);
  --text-3xl: clamp(2.3rem, 5vw, 4rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: clamp(4rem, 8vw, 7rem);
  --space-section: clamp(3rem, 6vw, 5.5rem);

  /* Layout */
  --container: 72rem;
  --container-wide: 82rem;
  --container-narrow: 48rem;
  --content-measure: 68ch;

  /* Radius and shadows */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --shadow-soft: 0 1.25rem 3rem rgba(36, 51, 47, 0.08);
  --shadow-card: 0 0.75rem 2.25rem rgba(36, 51, 47, 0.1);
  --shadow-card-hover: 0 1.5rem 3.75rem rgba(36, 51, 47, 0.14);

  /* Header */
  --header-height: 4.5rem;
}