:root {
  --color-bg: #ffffff;
  --color-surface: #f5f7f6;
  --color-surface-strong: #e9eeeb;
  --color-border: #c8d0cc;
  --color-text: #17201c;
  --color-text-muted: #53605a;
  --color-action: #185b43;
  --color-action-hover: #0f4431;
  --color-focus: #1976d2;
  --color-header: rgb(255 255 255 / 96%);
  --color-footer: #13251e;
  --color-footer-text: #e8f0ec;
  --color-footer-muted: #b8c8c0;
  --container-width: 75rem;
  --container-narrow: 48rem;
  --content-gutter: clamp(1rem, 4vw, 2rem);
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 5rem;
  --space-8: 7rem;
  --radius: 0.5rem;
  --radius-pill: 999px;
  --shadow-header: 0 1px 0 rgb(23 32 28 / 8%), 0 8px 24px rgb(23 32 28 / 5%);
  --transition-fast: 160ms ease;
}