/* ─── Everdell theme ───────────────────────────────────────────────────────────────
   Split out of site.css 2026-08-02. Everything here is scoped to
   [data-theme="everdell"]; base styles stay in site.css.

   LOAD ORDER IS PART OF THE CONTRACT. _Layout links site.css, then every theme
   file, then themes/_shared.css. Theme rules carry an extra attribute selector,
   so they outrank base styles wherever they land - but do not reorder the links
   without re-reading _shared.css, which wins by POSITION rather than weight.

   The picker applies themes client-side with no reload (site.js), so every theme
   file ships on every page. Serving only the active theme would need the picker
   to fetch on demand first. */
/* Everdell - evergreen canopy page, bark-brown chrome, firefly-amber accent,
   spring leaf secondary. */
[data-theme="everdell"] {
    --bg: #0d1410;
    --bg2: #111b15;
    --bg3: #17251c;
    --surface: #1e3024;
    --border: #294031;
    --border2: #35523f;
    --text: #edf5ee;
    --text-mid: #a2c0aa;
    --text-dim: #7f9a84;
    --amber: oklch(0.76 0.14 75);
    --amber-dim: oklch(0.55 0.11 75);
    --amber-bg: oklch(0.20 0.05 75);
    --cyan: #2fd4a8;
    --cyan-dim: rgba(47, 212, 168, 0.25);
    --nav-bg: #291d12;
    --nav-border: #1c130b;
    --nav-fg: #d9cbb2;
    --nav-fg-dim: #b3a488;
    --nav-fg-strong: #f5eee0;
    --nav-accent: #f2c14e;
    --nav-accent-dim: rgba(242, 193, 78, 0.5);
    --nav-accent-bg: rgba(255, 255, 255, 0.08);
    --nav-btn-border: rgba(217, 203, 178, 0.35);
    --footer-bg: #291d12;
    --footer-border: #1c130b;
    --footer-fg: #d9cbb2;
    --footer-accent: #f2c14e;
}