/* Direction C (Natural): the one theme file. Colors, fonts, radii and spacing live here. */
@font-face { font-family: "Fraunces"; src: url("/static/fonts/fraunces-latin-opsz-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("/static/fonts/figtree-latin-wght-normal.woff2") format("woff2");
  font-weight: 300 900; font-style: normal; font-display: swap; }
:root {
  --ground: #EEF2E8; --surface: #FFFFFF; --tint: #D7E3D0; --hero-tint: #BCCDB4;
  --ink: #1F3326; --muted: #3F5646; --green: #2F5A3E; --accent: #8A4B2A;
  --line: #C9D5C2; --focus: #8A4B2A;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --r-pill: 999px; --r-card: 20px; --r-img: 12px; --r-hero: 24px; --r-input: 12px;
  --shadow: 0 1px 2px rgba(31, 51, 38, .08);
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 80px; --s10: 120px;
  --margin: 20px; --section: 48px; --header-h: 72px;
  --fs-h1: 40px; --fs-h2: 30px; --fs-h3: 21px; --fs-body: 17px;
}
@media (min-width: 768px) {
  :root { --margin: 56px; --section: 80px; --fs-h2: 36px; --fs-h3: 22px; --fs-body: 18px; }
}
@media (min-width: 1024px) {
  :root { --fs-h1: 66px; --fs-h2: 44px; --fs-h3: 24px; }
}