/* ─── Parks theme ───────────────────────────────────────────────────────────────
   Split out of site.css 2026-08-02. Everything here is scoped to
   [data-theme="parks"]; 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. */
/* Parks - national-park poster: cream paper page, deep pine chrome, sunset coral
   accent (the brand coral, unchanged), lake teal secondary. */
[data-theme="parks"] {
    --bg: #f5efe0;
    --bg2: #ede4cf;
    --bg3: #e2d6ba;
    --surface: #d6c7a4;
    --border: #c6b48d;
    --border2: #b19e75;
    --text: #221d15;
    --text-mid: #57503d;
    --text-dim: #6a6049;
    --amber-bg: oklch(0.94 0.05 35);
    --cyan: #0b7a63;
    --cyan-dim: rgba(11, 122, 99, 0.45);
    --heart: oklch(0.52 0.22 27);
    --nav-bg: #27503f;
    --nav-border: #1d3d30;
    --nav-fg: #cfdfd2;
    --nav-fg-dim: #a8c2b1;
    --nav-fg-strong: #f3eee1;
    --nav-accent: #ff9d7e;
    --nav-accent-dim: rgba(255, 157, 126, 0.5);
    --nav-accent-bg: rgba(255, 255, 255, 0.10);
    --nav-btn-border: rgba(207, 223, 210, 0.4);
    --footer-bg: #27503f;
    --footer-border: #1d3d30;
    --footer-fg: #cfdfd2;
    --footer-accent: #ff9d7e;
    /* Evergreen tree-line along the bottom edge (repeat-x). */
    --footer-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='48' viewBox='0 0 80 48'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M20 8 L8 26 L32 26 Z'/%3E%3Cpath d='M20 20 L6 40 L34 40 Z'/%3E%3Cpath d='M18 40 h4 v6 h-4 Z'/%3E%3Cpath d='M58 16 L49 30 L67 30 Z'/%3E%3Cpath d='M58 26 L47 42 L69 42 Z'/%3E%3Cpath d='M56 42 h4 v5 h-4 Z'/%3E%3C/g%3E%3C/svg%3E");
    --footer-texture-repeat: repeat-x;
    --footer-texture-position: bottom;
}
/* Room under the footer text for the Parks tree-line to sit without crowding. */
[data-theme="parks"] .footer-inner { padding-bottom: 40px; }