/* Goat Rock brand tokens, v1. "Overcast": dark first, one look.
   Load before any page CSS. A light set is kept under [data-theme="light"] for later, not used by default. */
:root{
  --chalk:#ecebe2;   --chalk-2:#cfd1c9;
  --rock-900:#1b1e1c; --rock-800:#252927; --rock-700:#3b403d; --rock-500:#6c726e; --rock-300:#3f4541;
  --lichen:#c9c868;  --lichen-2:#9ea03a;
  --tussock:#d2b36c; --matagouri:#9fb37a; --bush:#0f1210; --pine:#d7a257; --sky:#b9c7d1;
  --on-accent:#1f2220;

  --bg:var(--rock-900); --surface:var(--rock-800);
  --fg:var(--chalk); --fg-2:var(--chalk-2); --muted:#9ba19b; --line:var(--rock-300);
  --accent:var(--lichen);

  /* the mark: chalk moon, goat cut out, slate rock, lichen spots */
  --logo-moon:var(--chalk); --logo-rock:var(--rock-700); --logo-spots:var(--lichen);

  --font-display:"Alfa Slab One","Rockwell","Arial Black",serif;
  --font-body:"Karla","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  --radius:4px; --radius-lg:8px; --border:2px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --measure:65ch;
  --chrome-height:44px;
  --shadow:0 12px 40px -18px rgba(0,0,0,.85);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#eeede5; --surface:#e3e2d8; --fg:#1f2220; --fg-2:#3b403d; --muted:#6c726e; --line:#b6bbb5;
  --accent:#9ea03a; --matagouri:#56653f; --bush:#2f4634;
  --logo-moon:#1f2220; --logo-rock:#6c726e; --logo-spots:#9ea03a;
  --shadow:0 12px 40px -24px rgba(0,0,0,.45);
  color-scheme:light;
}