/* OJN-2026-172: white leads, light beige surfaces, black and silver accents.
   Every color role has a light and dark value; the OS preference is the no-script default. */
:root {
  color-scheme:light;
  --paper:#ffffff;--surface:#f6f1e9;--beige:#efe3ce;
  --ink:#161616;--ink-muted:#505050;--border:#c2bdb5;--silver-fill:#d0d3d4;
  --inverse:#161616;--on-inverse:#ffffff;--inverse-muted:#d0d3d4;--inverse-line:#777777;--hover:#e6e0d7;
  --ojn-paper:var(--paper);--ojn-surface:var(--surface);--ojn-brand-cream:var(--beige);
  --ojn-brand-grey:var(--silver-fill);--ojn-ink:var(--ink);--ojn-line-strong:var(--border);
  --ojn-inverse:var(--inverse);--ojn-on-inverse:var(--on-inverse);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --paper:#161616;--surface:#221f1b;--beige:#332e26;
  --ink:#f7f5f0;--ink-muted:#c8c3ba;--border:#6f6a62;--silver-fill:#3b3c3c;
  --inverse:#ebe4d8;--on-inverse:#171613;--inverse-muted:#49443d;--inverse-line:#8a8379;--hover:#36322c;
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#161616;--surface:#221f1b;--beige:#332e26;
  --ink:#f7f5f0;--ink-muted:#c8c3ba;--border:#6f6a62;--silver-fill:#3b3c3c;
  --inverse:#ebe4d8;--on-inverse:#171613;--inverse-muted:#49443d;--inverse-line:#8a8379;--hover:#36322c;
}