/* Public site palette. Scoped so the foundation UI tokens stay unchanged. */

.site-root {
  --site-bg: #f7f4ee;
  --site-ink: #1e2426;
  --site-sage: #2f5e56;
  --site-sage-soft: #dce5df;
  --site-sage-bright: #9cc2b8;
  --site-muted: #5b6265;
  --site-body: #3e4547;
  --site-line: #ddd4c5;
  --site-stone: #9a958a;
  --site-meta: #7a766c;
  --site-sand: #ede6da;
  --site-paper: #fffdf9;
  --site-warn: #f3e6dc;
  --site-warn-ink: #8e4a2e;
  --site-inverse: #1e2426;
  --site-inverse-text: #d9d4ca;
  --site-inverse-muted: #aeb2af;
  --site-inverse-quiet: #8a908e;
  --site-inverse-kicker: #9aa09f;
  --site-inverse-line: #3a4144;
  --site-serif: "Newsreader", Georgia, serif;
  --site-sans: "Hanken Grotesk", system-ui, sans-serif;
  --site-mono: "IBM Plex Mono", ui-monospace, monospace;
  --site-radius: 4px;
  --site-wrap: 1280px;
  --site-header: 116px;
  color-scheme: light;
}