/* ─── Brass theme ───────────────────────────────────────────────────────────────
   Split out of site.css 2026-08-02. Everything here is scoped to
   [data-theme="brass"]; 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. */
/* Brass - canal-era parchment page, coal-black chrome, brass-gold accent, canal
   steel secondary (the medium theme; mechanically light mode). */
[data-theme="brass"] {
    --bg: #eadfc7;
    --bg2: #e1d3b4;
    --bg3: #d5c39e;
    --surface: #c9b489;
    --border: #b9a374;
    --border2: #a68f60;
    --text: #2a2315;
    --text-mid: #5c503a;
    --text-dim: #6b5e44;
    --amber: oklch(0.52 0.11 75);
    --amber-dim: oklch(0.43 0.09 75);
    --amber-bg: oklch(0.90 0.04 75);
    --cyan: #33667a;
    --cyan-dim: rgba(51, 102, 122, 0.45);
    --heart: oklch(0.52 0.22 27);
    --nav-bg: #26221d;
    --nav-border: #1a1713;
    --nav-fg: #cbbfa8;
    --nav-fg-dim: #a89d87;
    --nav-fg-strong: #efe8d8;
    --nav-accent: #d9a94f;
    --nav-accent-dim: rgba(217, 169, 79, 0.5);
    --nav-accent-bg: rgba(255, 255, 255, 0.08);
    --nav-btn-border: rgba(203, 191, 168, 0.35);
    --footer-bg: #26221d;
    --footer-border: #1a1713;
    --footer-fg: #cbbfa8;
    --footer-accent: #d9a94f;
}