:root {
  color-scheme: light;
  --brand: #7A9B7E;
  --brand-dark: #48664D;
  --brand-deep: #304A35;
  --brand-soft: #E9F0EA;
  --brand-pale: #F3F7F3;
  --paper: #F8F7F3;
  --surface: #FFFFFF;
  --surface-muted: #F2F3EF;
  --ink: #1D2820;
  --ink-soft: #5F6C62;
  --line: #DFE4DE;
  --danger: #A53F3F;
  --danger-soft: #FBEFEF;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: "Arial Narrow", "Aptos Narrow", system-ui, sans-serif;
  --radius-small: 10px;
  --radius: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --page-gutter: clamp(20px, 4vw, 48px);
  --section-space: clamp(64px, 8vw, 112px);
  --content-width: 1320px;
  --reading-width: 720px;
}