/* Bento Grid · Mint · Space Grotesk. Every template reads only these tokens. */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400..700&display=swap");
:root {
  color-scheme: light;
  --accent: #047857;
  --accent-2: #047857;
  --on-accent: #FFFFFF;
  --bg: #F1F7F4;
  --surface: #FFFFFF;
  --text: #0F1A16;
  --muted: #52645C;
  --line: #DCE8E2;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --display-stretch: 100%;
  --display-scale: 1;
  --radius: 18px;
  --radius-lg: 28px;
  --space: 1;
  --border-w: 0px;
}
/* Wrap pages in: <div class="fh" data-style="bento" data-mode="light" data-card="flat" data-button="pill" data-bg="plain" data-headline="plain" data-motion="subtle"> */