/*
 * The archive's themes (the Appearance page, and each person's own choice):
 * five, each light and dark, written as values of style.css's colour
 * variables. <html> carries data-theme (the theme) and data-mode (light, dark,
 * or system: as the computer is set). Every pair of text and background here
 * meets WCAG AA (4.5:1); ThemeContrastTest checks it. An accent colour chosen on
 * the Appearance page is set after this file, on the page itself. Generated
 * with checks; colours only, no sizes.
 */

/* -- classic -- */
html[data-theme="classic"] {
  color-scheme: light;
  --ink: #1f2430;
  --muted: #5f6672;
  --border: #e2e5ea;
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-alt: #f1f2f4;
  --accent: #2f5d8a;
  --accent-hover: #264d73;
  --accent-soft: #eaf1f8;
  --on-accent: #ffffff;
  --oais-accent: #8a4b2f;
  --oais-soft: #f8f1ea;
  --oais-border: #e6cdb8;
  --danger: #b03528;
  --danger-soft: #fdecea;
  --danger-ink: #8e2a1f;
  --faint: #8b909a;
  --shadow: rgba(31, 36, 48, 0.12);
}
html[data-theme="classic"][data-mode="dark"] {
  color-scheme: dark;
  --ink: #e6e8ec;
  --muted: #a6acb7;
  --border: #343b46;
  --bg: #15181e;
  --surface: #1e232b;
  --surface-alt: #262c35;
  --accent: #86b4e2;
  --accent-hover: #a4c7eb;
  --accent-soft: #1f3347;
  --on-accent: #0d1620;
  --oais-accent: #e5a682;
  --oais-soft: #33241b;
  --oais-border: #5a3d2c;
  --danger: #f08376;
  --danger-soft: #3a1f1c;
  --danger-ink: #f5aca3;
  --faint: #6f7785;
  --shadow: rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="classic"][data-mode="system"] {
    color-scheme: dark;
    --ink: #e6e8ec;
    --muted: #a6acb7;
    --border: #343b46;
    --bg: #15181e;
    --surface: #1e232b;
    --surface-alt: #262c35;
    --accent: #86b4e2;
    --accent-hover: #a4c7eb;
    --accent-soft: #1f3347;
    --on-accent: #0d1620;
    --oais-accent: #e5a682;
    --oais-soft: #33241b;
    --oais-border: #5a3d2c;
    --danger: #f08376;
    --danger-soft: #3a1f1c;
    --danger-ink: #f5aca3;
    --faint: #6f7785;
    --shadow: rgba(0, 0, 0, 0.5);
  }
}

/* -- harbour -- */
html[data-theme="harbour"] {
  color-scheme: light;
  --ink: #14262e;
  --muted: #4f636c;
  --border: #d5e3e8;
  --bg: #f5fafb;
  --surface: #ffffff;
  --surface-alt: #eaf3f5;
  --accent: #0b6e79;
  --accent-hover: #085862;
  --accent-soft: #e2f3f5;
  --on-accent: #ffffff;
  --oais-accent: #8a4b2f;
  --oais-soft: #f8f1ea;
  --oais-border: #e6cdb8;
  --danger: #b03528;
  --danger-soft: #fdecea;
  --danger-ink: #8e2a1f;
  --faint: #83969d;
  --shadow: rgba(31, 36, 48, 0.12);
}
html[data-theme="harbour"][data-mode="dark"] {
  color-scheme: dark;
  --ink: #e2eef1;
  --muted: #9fb4bb;
  --border: #2c4148;
  --bg: #0f1b1f;
  --surface: #16262b;
  --surface-alt: #1d3137;
  --accent: #5cc6d2;
  --accent-hover: #80d4dd;
  --accent-soft: #143a40;
  --on-accent: #06191c;
  --oais-accent: #e5a682;
  --oais-soft: #33241b;
  --oais-border: #5a3d2c;
  --danger: #f08376;
  --danger-soft: #3a1f1c;
  --danger-ink: #f5aca3;
  --faint: #5f7a82;
  --shadow: rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="harbour"][data-mode="system"] {
    color-scheme: dark;
    --ink: #e2eef1;
    --muted: #9fb4bb;
    --border: #2c4148;
    --bg: #0f1b1f;
    --surface: #16262b;
    --surface-alt: #1d3137;
    --accent: #5cc6d2;
    --accent-hover: #80d4dd;
    --accent-soft: #143a40;
    --on-accent: #06191c;
    --oais-accent: #e5a682;
    --oais-soft: #33241b;
    --oais-border: #5a3d2c;
    --danger: #f08376;
    --danger-soft: #3a1f1c;
    --danger-ink: #f5aca3;
    --faint: #5f7a82;
    --shadow: rgba(0, 0, 0, 0.5);
  }
}

/* -- forest -- */
html[data-theme="forest"] {
  color-scheme: light;
  --ink: #1c2a1f;
  --muted: #55645a;
  --border: #dbe5dc;
  --bg: #f7faf6;
  --surface: #ffffff;
  --surface-alt: #edf3ec;
  --accent: #2e6b3c;
  --accent-hover: #245631;
  --accent-soft: #e6f2e8;
  --on-accent: #ffffff;
  --oais-accent: #7d4a2a;
  --oais-soft: #f7f0e8;
  --oais-border: #e3cdb5;
  --danger: #b03528;
  --danger-soft: #fdecea;
  --danger-ink: #8e2a1f;
  --faint: #8a978d;
  --shadow: rgba(31, 36, 48, 0.12);
}
html[data-theme="forest"][data-mode="dark"] {
  color-scheme: dark;
  --ink: #e4ede5;
  --muted: #a3b5a7;
  --border: #30413a;
  --bg: #111a14;
  --surface: #18241c;
  --surface-alt: #203026;
  --accent: #7fcf8f;
  --accent-hover: #9fdcab;
  --accent-soft: #1c3a24;
  --on-accent: #0b1a0f;
  --oais-accent: #e0a77e;
  --oais-soft: #33261b;
  --oais-border: #5a412c;
  --danger: #f08376;
  --danger-soft: #3a1f1c;
  --danger-ink: #f5aca3;
  --faint: #62786a;
  --shadow: rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="forest"][data-mode="system"] {
    color-scheme: dark;
    --ink: #e4ede5;
    --muted: #a3b5a7;
    --border: #30413a;
    --bg: #111a14;
    --surface: #18241c;
    --surface-alt: #203026;
    --accent: #7fcf8f;
    --accent-hover: #9fdcab;
    --accent-soft: #1c3a24;
    --on-accent: #0b1a0f;
    --oais-accent: #e0a77e;
    --oais-soft: #33261b;
    --oais-border: #5a412c;
    --danger: #f08376;
    --danger-soft: #3a1f1c;
    --danger-ink: #f5aca3;
    --faint: #62786a;
    --shadow: rgba(0, 0, 0, 0.5);
  }
}

/* -- sand -- */
html[data-theme="sand"] {
  color-scheme: light;
  --ink: #2b2218;
  --muted: #685a49;
  --border: #e8dfd2;
  --bg: #fbf8f3;
  --surface: #ffffff;
  --surface-alt: #f3ede3;
  --accent: #8a4f12;
  --accent-hover: #73410d;
  --accent-soft: #f7ecdf;
  --on-accent: #ffffff;
  --oais-accent: #5d4a8a;
  --oais-soft: #f0edf8;
  --oais-border: #d5cce8;
  --danger: #b03528;
  --danger-soft: #fdecea;
  --danger-ink: #8e2a1f;
  --faint: #9a8d7c;
  --shadow: rgba(31, 36, 48, 0.12);
}
html[data-theme="sand"][data-mode="dark"] {
  color-scheme: dark;
  --ink: #f0e9df;
  --muted: #bcae9b;
  --border: #463b2f;
  --bg: #1b1611;
  --surface: #251e17;
  --surface-alt: #2f271e;
  --accent: #e9a964;
  --accent-hover: #f0bf88;
  --accent-soft: #3d2c19;
  --on-accent: #1e1307;
  --oais-accent: #b9a6ec;
  --oais-soft: #2a2438;
  --oais-border: #4c4266;
  --danger: #f08376;
  --danger-soft: #3a1f1c;
  --danger-ink: #f5aca3;
  --faint: #7d6f5e;
  --shadow: rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="sand"][data-mode="system"] {
    color-scheme: dark;
    --ink: #f0e9df;
    --muted: #bcae9b;
    --border: #463b2f;
    --bg: #1b1611;
    --surface: #251e17;
    --surface-alt: #2f271e;
    --accent: #e9a964;
    --accent-hover: #f0bf88;
    --accent-soft: #3d2c19;
    --on-accent: #1e1307;
    --oais-accent: #b9a6ec;
    --oais-soft: #2a2438;
    --oais-border: #4c4266;
    --danger: #f08376;
    --danger-soft: #3a1f1c;
    --danger-ink: #f5aca3;
    --faint: #7d6f5e;
    --shadow: rgba(0, 0, 0, 0.5);
  }
}

/* -- contrast -- */
html[data-theme="contrast"] {
  color-scheme: light;
  --ink: #000000;
  --muted: #333333;
  --border: #595959;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-alt: #ececec;
  --accent: #0033a0;
  --accent-hover: #00257a;
  --accent-soft: #e0e8fa;
  --on-accent: #ffffff;
  --oais-accent: #7a2e00;
  --oais-soft: #fbeee5;
  --oais-border: #7a2e00;
  --danger: #a30000;
  --danger-soft: #ffe5e5;
  --danger-ink: #7a0000;
  --faint: #595959;
  --shadow: rgba(31, 36, 48, 0.12);
}
html[data-theme="contrast"][data-mode="dark"] {
  color-scheme: dark;
  --ink: #ffffff;
  --muted: #d6d6d6;
  --border: #a6a6a6;
  --bg: #000000;
  --surface: #000000;
  --surface-alt: #1a1a1a;
  --accent: #ffd23f;
  --accent-hover: #ffe17a;
  --accent-soft: #332a00;
  --on-accent: #000000;
  --oais-accent: #ffb38a;
  --oais-soft: #331a0d;
  --oais-border: #ffb38a;
  --danger: #ff8080;
  --danger-soft: #330000;
  --danger-ink: #ffb3b3;
  --faint: #a6a6a6;
  --shadow: rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="contrast"][data-mode="system"] {
    color-scheme: dark;
    --ink: #ffffff;
    --muted: #d6d6d6;
    --border: #a6a6a6;
    --bg: #000000;
    --surface: #000000;
    --surface-alt: #1a1a1a;
    --accent: #ffd23f;
    --accent-hover: #ffe17a;
    --accent-soft: #332a00;
    --on-accent: #000000;
    --oais-accent: #ffb38a;
    --oais-soft: #331a0d;
    --oais-border: #ffb38a;
    --danger: #ff8080;
    --danger-soft: #330000;
    --danger-ink: #ffb3b3;
    --faint: #a6a6a6;
    --shadow: rgba(0, 0, 0, 0.5);
  }
}