/* ─── Scythe theme ───────────────────────────────────────────────────────────────
   Split out of site.css 2026-08-02. Everything here is scoped to
   [data-theme="scythe"]; 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. */
/* Scythe - 1920s iron page, oxblood-rust chrome, rust accent, verdigris secondary. */
[data-theme="scythe"] {
    --bg: #16130f;
    --bg2: #1c1914;
    --bg3: #25201a;
    --surface: #2f2921;
    --border: #3b342a;
    --border2: #494036;
    --text: #f0ebe2;
    --text-mid: #b1a794;
    --text-dim: #8b8171;
    --amber: oklch(0.68 0.15 45);
    --amber-dim: oklch(0.50 0.12 45);
    --amber-bg: oklch(0.19 0.05 45);
    --cyan: #56b8a4;
    --cyan-dim: rgba(86, 184, 164, 0.25);
    --nav-bg: #331b12;
    --nav-border: #24120b;
    --nav-fg: #d9c3b0;
    --nav-fg-dim: #b39d8a;
    --nav-fg-strong: #f5ece2;
    --nav-accent: #e8925c;
    --nav-accent-dim: rgba(232, 146, 92, 0.5);
    --nav-accent-bg: rgba(255, 255, 255, 0.08);
    --nav-btn-border: rgba(217, 195, 176, 0.35);
    --footer-bg: #331b12;
    --footer-border: #24120b;
    --footer-fg: #d9c3b0;
    --footer-accent: #e8925c;
}