/* Reading palettes. Load after the base and desktop stylesheets. */
:root,
:root[data-theme=light],
:root[data-theme=yellow],
:root[data-theme=beige]{--ink:#000000}

:root[data-theme=snow]{
  --bg:#ffffff;--paper:#ffffff;--ink:#000000;--muted:#626b67;
  --line:#d8dedb;--accent:#245c4c;--accent-soft:#e9f1ed;--gold:#8d632b;
  --shadow:0 12px 48px #28382d0a;color-scheme:light;
}
:root[data-theme=gray-green]{
  --bg:#d8e7eb;--paper:#e9f2f4;--ink:#000000;--muted:#4b6066;
  --line:#aec6ce;--accent:#295b68;--accent-soft:#cfe2e8;--gold:#805c2c;
  --shadow:0 12px 48px #294b580d;color-scheme:light;
}
:root[data-theme=light-blue]{
  --bg:#e9faff;--paper:#f4fcff;--ink:#000000;--muted:#506973;
  --line:#c2dee8;--accent:#245e77;--accent-soft:#d8eef7;--gold:#8b642d;
  --shadow:0 12px 48px #214f660a;color-scheme:light;
}
:root[data-theme=mint]{
  --bg:#eefaee;--paper:#f5fff5;--ink:#000000;--muted:#526950;
  --line:#c8dfc5;--accent:#355f38;--accent-soft:#dcefd9;--gold:#85652b;
  --shadow:0 12px 48px #3458310a;color-scheme:light;
}
:root[data-theme=grass]{
  --bg:#cce8cf;--paper:#dff0e1;--ink:#000000;--muted:#455f49;
  --line:#a4c8a9;--accent:#2d5b37;--accent-soft:#c1dfc5;--gold:#735a25;
  --shadow:0 12px 48px #2d52350d;color-scheme:light;
}
:root[data-theme=pink]{
  --bg:#fcefff;--paper:#fff7ff;--ink:#000000;--muted:#756076;
  --line:#e2cde5;--accent:#794778;--accent-soft:#f0dff3;--gold:#8a612e;
  --shadow:0 12px 48px #6c3e6b0a;color-scheme:light;
}
:root[data-theme=ink-tint]{
  --bg:#c0d3d7;--paper:#d4e0e3;--ink:#111111;--muted:#40575c;
  --line:#90abb2;--accent:#274e59;--accent-soft:#b6ccd2;--gold:#6c522a;
  --shadow:0 12px 48px #203f490d;color-scheme:light;
}
:root[data-theme=tan]{
  --bg:#d2b48c;--paper:#e3caab;--ink:#000000;--muted:#59462f;
  --line:#ad8c63;--accent:#634326;--accent-soft:#d8bc98;--gold:#63451c;
  --shadow:0 12px 48px #5c3e220f;color-scheme:light;
}
:root[data-theme=silver]{
  --bg:#c0c0c0;--paper:#d5d5d5;--ink:#000000;--muted:#4d4d4d;
  --line:#969b99;--accent:#344e46;--accent-soft:#bdccc4;--gold:#634d28;
  --shadow:0 12px 48px #222b270d;color-scheme:light;
}
:root[data-theme=pale-yellow]{
  --bg:#f5f1e8;--paper:#fcfaf3;--ink:#000000;--muted:#6b6354;
  --line:#ddd3bf;--accent:#695632;--accent-soft:#eae1cc;--gold:#88622b;
  --shadow:0 12px 48px #66502a0a;color-scheme:light;
}
:root[data-theme=light-gray]{
  --bg:#d9e0e8;--paper:#eaf0f5;--ink:#000000;--muted:#506070;
  --line:#b5c1ce;--accent:#3b526d;--accent-soft:#cddae7;--gold:#795c30;
  --shadow:0 12px 48px #344a620d;color-scheme:light;
}
:root[data-theme=parchment]{
  --bg:#f1e5c9;--paper:#f9f1dc;--ink:#000000;--muted:#6b5d41;
  --line:#d3c199;--accent:#70542b;--accent-soft:#e8d8b4;--gold:#866123;
  --shadow:0 12px 48px #6a51260a;color-scheme:light;
}

/* The foregrounds of these three palettes follow the supplied swatches. */
:root[data-theme=black-green]{
  --bg:#000000;--paper:#000000;--ink:#008800;--muted:#6d9e71;
  --line:#224c28;--accent:#63c96b;--accent-soft:#102d15;--gold:#b8c67c;
  --shadow:0 12px 48px #0006;color-scheme:dark;
}
:root[data-theme=midnight]{
  --bg:#002b36;--paper:#002b36;--ink:#839496;--muted:#93a7aa;
  --line:#2c525b;--accent:#72c4bd;--accent-soft:#17464f;--gold:#d8bd76;
  --shadow:0 12px 48px #0004;color-scheme:dark;
}
:root[data-theme=pitch-black]{
  --bg:#000000;--paper:#111111;--ink:#555555;--muted:#999999;
  --line:#363636;--accent:#c0c0c0;--accent-soft:#262626;--gold:#c9b68a;
  --shadow:0 12px 48px #0006;color-scheme:dark;
}

:root:not([data-theme=eink]) ::selection{
  background:var(--accent);color:var(--paper);
}

/* Keep the mobile glass controls within the active palette. */
@media screen and (max-width:1119px){
  :root:not([data-theme=eink]) .is-reader .reader-dock{
    --dock-glass:color-mix(in srgb,var(--paper) 82%,transparent);
    --dock-edge:color-mix(in srgb,var(--line) 80%,transparent);
    --dock-shine:color-mix(in srgb,var(--ink) 5%,transparent);
    box-shadow:var(--shadow),inset 0 1px 0 var(--dock-shine);
  }
}