:root {
  --color-brand: #4682b4;
  --color-brand-dark: #3a6d96;
  --color-text: #1a1a1a;
  --color-muted: #4a5568;
  --color-bg: #ffffff;
  --color-surface: #f4f8fb;
  --color-border: #d8e4ee;
  --font-heading: "Cabin", system-ui, sans-serif;
  --font-body: "Lato", system-ui, sans-serif;
  --max-width: 72rem;
  --radius: 0.5rem;
  --shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);
}