/* davecooper.name skin: plain -- the site's own colours, as they were
   before skins (2026-10-04): warm paper and navy by day, charcoal and
   brass by night.  Tokens only; the structure is css/style.css.

   A page whose script has not run carries no data-skin, so this
   skin's selectors also match :root:not([data-skin]).  The page
   follows the OS until <html data-theme> says otherwise, so the dark
   tokens are written twice: under the media query for an OS-dark
   reader who has not chosen light, and under the attribute for an
   explicit choice. */

:root:not([data-skin]),
:root[data-skin="plain"] {
  --bg: #f7f3ea;
  --bg-card: #fffdf8;
  --ink: #2a2620;
  --ink-soft: #6b6255;
  --accent: #1f2a44;
  --accent-soft: #3d4f7c;
  --rule: #e2d9c6;
  --pill: #ede5d3;
  --pill-on: #1f2a44;
  --pill-on-ink: #f4e7c8;
  --gloss: #8a5a1c;
  --warn: #9a3d1a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-skin]):not([data-theme="light"]),
  :root[data-skin="plain"]:not([data-theme="light"]) {
    --bg: #17191f;
    --bg-card: #1f2229;
    --ink: #e8e2d6;
    --ink-soft: #a59d8f;
    --accent: #e6c98a;
    --accent-soft: #cdb27a;
    --rule: #33363f;
    --pill: #2a2d36;
    --pill-on: #e6c98a;
    --pill-on-ink: #17191f;
    --gloss: #d8a45a;
    --warn: #e0865a;
  }
}
:root:not([data-skin])[data-theme="dark"],
:root[data-skin="plain"][data-theme="dark"] {
  --bg: #17191f;
  --bg-card: #1f2229;
  --ink: #e8e2d6;
  --ink-soft: #a59d8f;
  --accent: #e6c98a;
  --accent-soft: #cdb27a;
  --rule: #33363f;
  --pill: #2a2d36;
  --pill-on: #e6c98a;
  --pill-on-ink: #17191f;
  --gloss: #d8a45a;
  --warn: #e0865a;
}