/* Step 3 (taste-color): two schemes that follow the system setting (Larry 2026-11-06 17:22, W10).
   Dark = the app palette (site.css :root), unchanged. Light = warm cream paper and dark-brown ink on the same hue (~40deg), not an inversion:
   gold stays the buy-button fill (with a dark edge so it reads on cream), general buttons go ink, the footer floor and the oak table stay dark on purpose.
   The reader keeps its own light/sepia/dark reading themes. */
:root { --btn-edge: transparent; }
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --paper: #f8f1e1;
    --wall: #efe4cc;
    --ink: #231a14;
    --ink-2: #4a3d33;
    --ink-3: #66584b;
    --rule: #d9c9a8;
    --rule-strong: #231a14;
    --accent: #f1c24a;
    --accent-press: #e6b32f;
    --on-accent: #1d1612;
    --btn-bg: #2a1f17;
    --btn-ink: #f8f1e1;
    --btn-hover: #46372b;
    --btn-edge: #231a14;
    --notice-bg: #eadfc6;
    --progress: #8a5a00;
    --cover-shadow: 0 0 0 1px rgba(35,26,20,.12), 0 6px 14px -6px rgba(35,26,20,.35);
    --cover-flat: 0 1px 1px rgba(35,26,20,.2), 0 10px 18px -8px rgba(35,26,20,.35);
    --ul-yellow: #8a6200;
    --rd-select: rgba(80, 120, 200, .28);
  }
}
.btn, .btn-buy { border-color: var(--btn-edge); }
.btn-line { border-color: var(--ink); }
.btn[disabled] { border-color: var(--rule); }