/* Shared design tokens for the whole site. The homepage imports this file (garden-web/src/styles/theme.css); the inner pages link it.
   Every colour on the site comes from a role below, so a colour theme is a change to this file only.
   Theme: Morning meadow, drawn from the hero video, without the sky-blue band (WEB-015, chosen by Paul 2026-10-09). */
:root {
  /* Surfaces */
  --site-bg: #fbfcf8;              /* page background; hero fades into it */
  --site-surface: #f4f6e9;         /* soft bands (values, VerdaForge, CoJourner bands, session boxes) */
  --site-surface-alt: #f4f6e9;     /* second band colour (homepage timeline, Planted. story); same meadow tint by choice */
  --site-line: #e1e2d7;            /* rules and card borders */
  --site-line-strong: #d1d3c5;     /* outlined badges */
  --site-hover-line: #959789;      /* card hover borders, timeline markers */
  --site-track: #c6c8b9;           /* timeline track */

  /* Text */
  --site-ink: #262f1d;             /* headings, strong text, focus outline */
  --site-muted: #60665b;           /* body and supporting text */
  --site-soft: #6f7469;            /* italic second line of headlines, hero text */
  --site-quiet: #5d6258;           /* outlined badge text */
  --site-reading: #23271e;         /* long-form session text (Georgia) */

  /* Actions and accents */
  --site-accent: #445f2d;          /* buttons, current step, list bullets */
  --site-accent-hover: #375022;
  --site-on-accent: #fbfcf8;       /* text on buttons */
  --site-deep: #2e3e21;            /* the dark Planted. book card */
  --site-highlight: #a6b95e;       /* the dot in "Planted." */
  --site-shadow: #262f1d14;

  /* Type */
  --site-display: "Instrument Serif", Georgia, serif;
  --site-body: Inter, Arial, sans-serif;

  /* VerdaForge (WEB-017): mirrors the live verdaforge.com theme ("VerdaForge — Updated slogan",
     snippets/vf-styles.liquid, read 2026-10-09) for the homepage VerdaForge section. Every text pairing passes WCAG AA. */
  --vf-paper: #f4f1ec;
  --vf-ink: #24241f;
  --vf-muted: #65695e;
  --vf-green: #314b35;
  --vf-green-hover: #41573c;
  --vf-em: #587052;
  --vf-line: #d3ccbf;
  --vf-stone: #e9e4d9;
  --vf-focus: #7a5b21;
  --vf-serif: "DM Serif Display", Georgia, serif;
  --vf-sans: "Instrument Sans", Arial, sans-serif;
  --vf-mono: "DM Mono", ui-monospace, monospace;
}