/* Generated by tools/build-themes.js from site/js/design/themes.js. Do not edit by hand. */

:root {
  --bg: #f6f1e3;
  --surface: #fbf7ec;
  --surface-2: #efe8d6;
  --ink: #1f1b16;
  --ink-2: #3a332a;
  --muted: #655b4c;
  --line: rgba(31, 27, 22, 0.14);
  --line-strong: rgba(31, 27, 22, 0.28);
  --accent: #b3361f;
  --accent-text: #a8331f;
  --accent-soft: rgba(179, 54, 31, 0.1);
  --on-accent: #ffffff;
  --ok: #4a6b3a;
  --ok-soft: rgba(74, 107, 58, 0.12);
  --err: #b3372a;
  --err-soft: rgba(179, 55, 42, 0.14);
  --focus: #1f5fa8;
  --shadow: 0 1px 2px rgba(31, 27, 22, 0.06), 0 6px 20px rgba(31, 27, 22, 0.06);
  --f-lp: #d98c7a;
  --f-lr: #d9b36a;
  --f-lm: #9fbf7a;
  --f-li: #7ab3bf;
  --f-ri: #8a9fd9;
  --f-rm: #b38ad9;
  --f-rr: #d98ab8;
  --f-rp: #c9a27a;
  --f-th: #b8b0a0;
  --tex-grain: var(--tex-grain-light);
  --tex-parchment: var(--tex-parchment-light);
  --tex-blend: multiply;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #16130f;
    --surface: #211d18;
    --surface-2: #2a251f;
    --ink: #f1ead9;
    --ink-2: #e2dac8;
    --muted: #b3a892;
    --line: rgba(241, 234, 217, 0.14);
    --line-strong: rgba(241, 234, 217, 0.3);
    --accent: #ef7f66;
    --accent-text: #ef7f66;
    --accent-soft: rgba(239, 127, 102, 0.14);
    --on-accent: #1a1510;
    --ok: #9cc58a;
    --ok-soft: rgba(156, 197, 138, 0.14);
    --err: #f2887a;
    --err-soft: rgba(242, 136, 122, 0.16);
    --focus: #7fb0ec;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
    --f-lp: #8f5a4f;
    --f-lr: #8c7542;
    --f-lm: #62784a;
    --f-li: #4a727a;
    --f-ri: #56648c;
    --f-rm: #72578c;
    --f-rr: #8c5777;
    --f-rp: #806a4f;
    --f-th: #6b655a;
    --tex-grain: var(--tex-grain-dark);
    --tex-parchment: var(--tex-parchment-dark);
    --tex-blend: screen;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #16130f;
  --surface: #211d18;
  --surface-2: #2a251f;
  --ink: #f1ead9;
  --ink-2: #e2dac8;
  --muted: #b3a892;
  --line: rgba(241, 234, 217, 0.14);
  --line-strong: rgba(241, 234, 217, 0.3);
  --accent: #ef7f66;
  --accent-text: #ef7f66;
  --accent-soft: rgba(239, 127, 102, 0.14);
  --on-accent: #1a1510;
  --ok: #9cc58a;
  --ok-soft: rgba(156, 197, 138, 0.14);
  --err: #f2887a;
  --err-soft: rgba(242, 136, 122, 0.16);
  --focus: #7fb0ec;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --f-lp: #8f5a4f;
  --f-lr: #8c7542;
  --f-lm: #62784a;
  --f-li: #4a727a;
  --f-ri: #56648c;
  --f-rm: #72578c;
  --f-rr: #8c5777;
  --f-rp: #806a4f;
  --f-th: #6b655a;
  --tex-grain: var(--tex-grain-dark);
  --tex-parchment: var(--tex-parchment-dark);
  --tex-blend: screen;
  color-scheme: dark;
}

:root[data-theme="parchment"] {
  --bg: #ecdfc2;
  --surface: #f3e8cf;
  --surface-2: #e2d2ae;
  --ink: #2a1c0f;
  --ink-2: #43301c;
  --muted: #62492f;
  --line: rgba(42, 28, 15, 0.14);
  --line-strong: rgba(42, 28, 15, 0.28);
  --accent: #8e2d19;
  --accent-text: #86291a;
  --accent-soft: rgba(142, 45, 25, 0.1);
  --on-accent: #fff8ec;
  --ok: #46602a;
  --ok-soft: rgba(70, 96, 42, 0.12);
  --err: #962a1c;
  --err-soft: rgba(150, 42, 28, 0.14);
  --focus: #1f4f86;
  --shadow: 0 1px 2px rgba(31, 27, 22, 0.06), 0 6px 20px rgba(31, 27, 22, 0.06);
  --f-lp: #d98c7a;
  --f-lr: #d9b36a;
  --f-lm: #9fbf7a;
  --f-li: #7ab3bf;
  --f-ri: #8a9fd9;
  --f-rm: #b38ad9;
  --f-rr: #d98ab8;
  --f-rp: #c9a27a;
  --f-th: #b8b0a0;
  --tex-grain: var(--tex-grain-light);
  --tex-parchment: var(--tex-parchment-light);
  --tex-blend: multiply;
  color-scheme: light;
}

:root[data-theme="harbor"] {
  --bg: #eaeff1;
  --surface: #f6f8f9;
  --surface-2: #dbe3e7;
  --ink: #14202a;
  --ink-2: #283642;
  --muted: #4b5b69;
  --line: rgba(20, 32, 42, 0.14);
  --line-strong: rgba(20, 32, 42, 0.28);
  --accent: #1d5c88;
  --accent-text: #1b5680;
  --accent-soft: rgba(29, 92, 136, 0.1);
  --on-accent: #ffffff;
  --ok: #2e6a4e;
  --ok-soft: rgba(46, 106, 78, 0.12);
  --err: #b0352a;
  --err-soft: rgba(176, 53, 42, 0.14);
  --focus: #a3441a;
  --shadow: 0 1px 2px rgba(31, 27, 22, 0.06), 0 6px 20px rgba(31, 27, 22, 0.06);
  --f-lp: #d98c7a;
  --f-lr: #d9b36a;
  --f-lm: #9fbf7a;
  --f-li: #7ab3bf;
  --f-ri: #8a9fd9;
  --f-rm: #b38ad9;
  --f-rr: #d98ab8;
  --f-rp: #c9a27a;
  --f-th: #b8b0a0;
  --tex-grain: var(--tex-grain-light);
  --tex-parchment: var(--tex-parchment-light);
  --tex-blend: multiply;
  color-scheme: light;
}

:root[data-theme="slate"] {
  --bg: #13171c;
  --surface: #1b2128;
  --surface-2: #242b34;
  --ink: #e7ecf1;
  --ink-2: #d0d7df;
  --muted: #9ba7b3;
  --line: rgba(231, 236, 241, 0.14);
  --line-strong: rgba(231, 236, 241, 0.3);
  --accent: #e3a64b;
  --accent-text: #e8b060;
  --accent-soft: rgba(227, 166, 75, 0.14);
  --on-accent: #19130a;
  --ok: #8fca9d;
  --ok-soft: rgba(143, 202, 157, 0.14);
  --err: #f28b86;
  --err-soft: rgba(242, 139, 134, 0.16);
  --focus: #8ab4f8;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --f-lp: #8f5a4f;
  --f-lr: #8c7542;
  --f-lm: #62784a;
  --f-li: #4a727a;
  --f-ri: #56648c;
  --f-rm: #72578c;
  --f-rr: #8c5777;
  --f-rp: #806a4f;
  --f-th: #6b655a;
  --tex-grain: var(--tex-grain-dark);
  --tex-parchment: var(--tex-parchment-dark);
  --tex-blend: screen;
  color-scheme: dark;
}

:root[data-theme="moss"] {
  --bg: #11160f;
  --surface: #192017;
  --surface-2: #222a1f;
  --ink: #e9eedd;
  --ink-2: #d4dbc6;
  --muted: #a4ae94;
  --line: rgba(233, 238, 221, 0.14);
  --line-strong: rgba(233, 238, 221, 0.3);
  --accent: #d8b25e;
  --accent-text: #dcb86a;
  --accent-soft: rgba(216, 178, 94, 0.14);
  --on-accent: #191405;
  --ok: #a2d089;
  --ok-soft: rgba(162, 208, 137, 0.14);
  --err: #f2917d;
  --err-soft: rgba(242, 145, 125, 0.16);
  --focus: #9cc0f0;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --f-lp: #8f5a4f;
  --f-lr: #8c7542;
  --f-lm: #62784a;
  --f-li: #4a727a;
  --f-ri: #56648c;
  --f-rm: #72578c;
  --f-rr: #8c5777;
  --f-rp: #806a4f;
  --f-th: #6b655a;
  --tex-grain: var(--tex-grain-dark);
  --tex-parchment: var(--tex-parchment-dark);
  --tex-blend: screen;
  color-scheme: dark;
}

:root[data-theme="bluegold"] {
  --bg: #0e1a33;
  --surface: #152546;
  --surface-2: #1c2f58;
  --ink: #eef2fb;
  --ink-2: #d9e1f2;
  --muted: #a8b6d3;
  --line: rgba(238, 242, 251, 0.14);
  --line-strong: rgba(238, 242, 251, 0.3);
  --accent: #e2b448;
  --accent-text: #e9c060;
  --accent-soft: rgba(226, 180, 72, 0.14);
  --on-accent: #15100a;
  --ok: #8fd19e;
  --ok-soft: rgba(143, 209, 158, 0.14);
  --err: #f5918a;
  --err-soft: rgba(245, 145, 138, 0.16);
  --focus: #9cc2ff;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --f-lp: #8f5a4f;
  --f-lr: #8c7542;
  --f-lm: #62784a;
  --f-li: #4a727a;
  --f-ri: #56648c;
  --f-rm: #72578c;
  --f-rr: #8c5777;
  --f-rp: #806a4f;
  --f-th: #6b655a;
  --tex-grain: var(--tex-grain-dark);
  --tex-parchment: var(--tex-parchment-dark);
  --tex-blend: screen;
  color-scheme: dark;
}

:root[data-theme="contrast"] {
  --bg: #000000;
  --surface: #0b0b0b;
  --surface-2: #1a1a1a;
  --ink: #ffffff;
  --ink-2: #f2f2f2;
  --muted: #d6d6d6;
  --line: rgba(255, 255, 255, 0.14);
  --line-strong: rgba(255, 255, 255, 0.3);
  --accent: #ffd23f;
  --accent-text: #ffd23f;
  --accent-soft: rgba(255, 210, 63, 0.14);
  --on-accent: #000000;
  --ok: #6ee07a;
  --ok-soft: rgba(110, 224, 122, 0.14);
  --err: #ff8a80;
  --err-soft: rgba(255, 138, 128, 0.16);
  --focus: #4fc3ff;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --f-lp: #8f5a4f;
  --f-lr: #8c7542;
  --f-lm: #62784a;
  --f-li: #4a727a;
  --f-ri: #56648c;
  --f-rm: #72578c;
  --f-rr: #8c5777;
  --f-rp: #806a4f;
  --f-th: #6b655a;
  --tex-grain: var(--tex-grain-dark);
  --tex-parchment: var(--tex-parchment-dark);
  --tex-blend: screen;
  color-scheme: dark;
}