/* generated from content/design.md — edit that, then node build.js */
:root {
  --font-display: "Averia Serif Libre", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-display-weight: 600;
  --color-ink: #1f1f1f;
  --color-muted: #767676;
  --color-placeholder: #f1f1f1;
  --color-bg: #fff;
  --color-tile-border: #e9e9e9;
  --color-accent: #5d7328;
  --color-accent-deep: #2f3a18;
  --type-body: 15px;
  --type-body-line: 1.6;
  --type-prose: 16px;
  --type-prose-line: 26px;
  --type-nav: 14px;
  --type-nav-line: 38px;
  --type-nav-mobile: 20px;
  --type-intro-h1: 44px;
  --type-intro-p: 20px;
  --type-h1: 60px;
  --type-h1-mobile: 40px;
  --type-h2: 30px;
  --type-h3: 24px;
  --type-card-title: 28px;
  --type-card-sub: 18px;
  --type-tagline: 32px;
  --space-page-x: 20px;
  --space-section: 81px;
  --space-section-mobile: 48px;
  --space-card-gap: 20px;
  --motion-quick: .2s;
  --motion-settle: .7s;
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
  --radius-card: 20px;
  --radius-figure: 25px;
  --radius-hero: 40px;
  --radius-pill: 100px;
}