:root{
  /* ── Light “aged album page” — the default. Warm cream stock, espresso ink,
     deep gilt-gold accents and a bottle-green secondary, like the cloth-and-
     foil binding of an old leather photo album. ───────────────────────────── */
  --bg:#f0e2cb; --panel:#fbf5e8; --panel2:#e9dabf; --line:#cdb88f;
  --ink:#2a1b0c; --mut:#574028; --accent:#9c6b16; --accent2:#48693b;
  --warn:#a73c22; --wine:#8e1d38; --radius:10px;
  --glow:#f8edd4; --chrome:rgba(251,245,232,.86);
  --scrim:rgba(40,27,15,.45);   /* dialog backdrop — warm, translucent */
  /* --accent is the bright gilt for fills/borders/icons; --accent-ink is a
     deeper gold (WCAG AA) for small text and links on the light surface. */
  --accent-ink:#8a5c11;
  --on-accent:#fdf6e7; --btnhover:var(--accent);
}
/* ── Dark “warm cognac leather”. Light is always the default; dark is
   opt-in — chosen explicitly, or via the toggle’s “auto” state which mirrors
   the OS. (No bare prefers-color-scheme rule, so a first visit is light even
   on a dark-mode OS.) Surfaces sit on a red-orange saddle hue (not the muddy
   yellow-olive of dirt) and are lifted a touch in lightness, so the panels
   read as supple, lit leather rather than a dark hole. ──────────────────── */
:root[data-theme="dark"]{
  --bg:#241410; --panel:#36211a; --panel2:#492d20; --line:#6b4329;
  --ink:#f5e6cc; --mut:#c2a279; --accent:#ecb04a; --accent2:#9cc07e;
  --warn:#e2724d; --wine:#db5f78;
  --glow:#4a2e1a; --chrome:rgba(36,20,16,.84);
  --scrim:rgba(12,6,4,.66);
  --accent-ink:#ecb04a;   /* dark gold already clears AA; text == fill */
  --on-accent:#241007; --btnhover:#fff;
}