:root {
  --color-page: #f6f0e8;
  --color-surface: #fffdf9;
  --color-surface-sticky: #ffffff;
  --color-text: #12362c;
  --color-text-muted: #5e7169;
  --color-brand: #14533f;
  --color-border-subtle: rgba(67, 52, 35, .07);
  --font-sans: "Manrope", "Segoe UI", Arial, sans-serif;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --container-max: 1360px;
  --page-gutter: 32px;
  --site-container: min(var(--container-max), calc(100% - (var(--page-gutter) * 2)));
  --header-height: 64px;
  --header-transition: 280ms ease;
}
@media (max-width: 640px) {
  :root { --page-gutter: 16px; }
}