/* The page's colours, for every screen (index.html, staff.html): light (:root), dark (html.dark), and each palette
   (html.palette-<name>, light and dark). The source: edit them here. Every pair of text and background colours
   passes WCAG AA (4.5:1). */
:root {
  --ws-page: #f3f6f8; --ws-surface: #ffffff; --ws-surface-2: #edf2f5; --ws-bot: #ffffff; --ws-user: #c9d8df;
  --ws-note-bg: #eef4f7; --ws-note-border: #d3e0e7; --ws-border: #cbced2; --ws-border-strong: #9ba3aa;
  --ws-input-border: #7b93a0; --ws-input-border-hover: #5c7c89;
  --ws-text: #011425; --ws-muted: #4a6270; --ws-placeholder: #587684;
  --ws-accent: #1f4959; --ws-accent-btn: #1f4959; --ws-accent-btn-hover: #163746; --ws-on-accent: #ffffff;
  --ws-accent-soft: #e1ecf1; --ws-link: #1f4959; --ws-link-hover: #011425; --ws-amber: #d9962b; --ws-dot: #5c7c89;
  --ws-code-bg: #eaf0f3; --ws-focus: #1f4959; --ws-focus-ring: rgba(31, 73, 89, 0.28);
  --ws-danger: #a3321f; --ws-danger-hover: #862816; --ws-on-danger: #ffffff;
  --ws-shadow: none;  
  --ws-display: "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif; --ws-bubble-edge: #c4c8cc;
}
html.dark {
  --ws-page: #011425; --ws-surface: #071e30; --ws-surface-2: #0c2638; --ws-bot: #183142; --ws-user: #173a48;
  --ws-note-bg: #0a2234; --ws-note-border: #1c3a4c; --ws-border: #2c4051; --ws-border-strong: #4e616e;
  --ws-input-border: #5c7c89; --ws-input-border-hover: #7fa0ad;
  --ws-text: #eaf1f4; --ws-muted: #9db3be; --ws-placeholder: #88a2ae;
  --ws-accent: #8fb1be; --ws-accent-btn: #8fb1be; --ws-accent-btn-hover: #a9c5d0; --ws-on-accent: #011425;
  --ws-accent-soft: #12324a; --ws-link: #9cc0cd; --ws-link-hover: #bfd8e1; --ws-amber: #e7ad4f; --ws-dot: #8fb1be;
  --ws-code-bg: #020f1c; --ws-focus: #9cc0cd; --ws-focus-ring: rgba(143, 177, 190, 0.35);
  --ws-danger: #e2735f; --ws-danger-hover: #ec8a78; --ws-on-danger: #011425;
  --ws-shadow: none; --ws-bubble-edge: #405564;
}
html.palette-forest {
  --ws-page: #f3f7f4; --ws-surface: #ffffff; --ws-surface-2: #ecf3ee; --ws-bot: #ffffff; --ws-user: #c8ddd1; --ws-note-bg: #edf5f0; --ws-note-border: #d1e3d7; --ws-border: #c2c8c5; --ws-border-strong: #98a19c; --ws-input-border: #6f8f80; --ws-input-border-hover: #557564; --ws-text: #0f2419; --ws-muted: #475f52; --ws-placeholder: #51695c; --ws-accent: #2f5d46; --ws-accent-btn: #2f5d46; --ws-accent-btn-hover: #234837; --ws-on-accent: #ffffff; --ws-accent-soft: #e0eee6; --ws-link: #2f5d46; --ws-link-hover: #0f2419; --ws-dot: #5f8a74; --ws-code-bg: #e8f1eb; --ws-focus: #2f5d46; --ws-focus-ring: rgba(47, 93, 70, 0.28); --ws-bubble-edge: #c7cbc9;
}
html.dark.palette-forest {
  --ws-page: #0b1a13; --ws-surface: #10241a; --ws-surface-2: #153020; --ws-bot: #153020; --ws-user: #1d3f2c; --ws-note-bg: #122a1d; --ws-note-border: #22412f; --ws-border: #34463c; --ws-border-strong: #54665c; --ws-input-border: #5f8a74; --ws-input-border-hover: #82ab95; --ws-text: #e8f3ec; --ws-muted: #a3c1b1; --ws-placeholder: #94b3a2; --ws-accent: #8fc3a6; --ws-accent-btn: #8fc3a6; --ws-accent-btn-hover: #a9d4bc; --ws-on-accent: #0b1a13; --ws-accent-soft: #173826; --ws-link: #9ccdb1; --ws-link-hover: #c0e3cf; --ws-dot: #8fc3a6; --ws-code-bg: #07120d; --ws-focus: #9ccdb1; --ws-focus-ring: rgba(143, 195, 166, 0.35); --ws-bubble-edge: #3d5646;
}
html.palette-plum {
  --ws-page: #f6f4f8; --ws-surface: #ffffff; --ws-surface-2: #f0ecf4; --ws-bot: #fefeff; --ws-user: #ddd3e8; --ws-note-bg: #f2eef6; --ws-note-border: #ddd3e7; --ws-border: #c6c4c9; --ws-border-strong: #9e9aa2; --ws-input-border: #86779a; --ws-input-border-hover: #6a5b7e; --ws-text: #1d1428; --ws-muted: #574a67; --ws-placeholder: #62546f; --ws-accent: #5b3f7a; --ws-accent-btn: #5b3f7a; --ws-accent-btn-hover: #4a3264; --ws-on-accent: #ffffff; --ws-accent-soft: #ece3f4; --ws-link: #5b3f7a; --ws-link-hover: #1d1428; --ws-dot: #8a73a6; --ws-code-bg: #efe9f4; --ws-focus: #5b3f7a; --ws-focus-ring: rgba(91, 63, 122, 0.28); --ws-bubble-edge: #cac7cd;
}
html.dark.palette-plum {
  --ws-page: #150f1d; --ws-surface: #1d1528; --ws-surface-2: #251b33; --ws-bot: #30263d; --ws-user: #3a2d52; --ws-note-bg: #20172c; --ws-note-border: #372a4a; --ws-border: #3f384a; --ws-border-strong: #605969; --ws-input-border: #8a73a6; --ws-input-border-hover: #a893c1; --ws-text: #f1ecf6; --ws-muted: #bfb0cf; --ws-placeholder: #ae9ec0; --ws-accent: #c3a8e0; --ws-accent-btn: #c3a8e0; --ws-accent-btn-hover: #d4bfea; --ws-on-accent: #150f1d; --ws-accent-soft: #2e2240; --ws-link: #cdb6e6; --ws-link-hover: #e2d4f1; --ws-dot: #c3a8e0; --ws-code-bg: #0e0914; --ws-focus: #cdb6e6; --ws-focus-ring: rgba(195, 168, 224, 0.35); --ws-bubble-edge: #544c61;
}
html.palette-sunset {
  --ws-page: #f9f5f1; --ws-surface: #ffffff; --ws-surface-2: #f4ede6; --ws-bot: #ffffff; --ws-user: #ebd7c7; --ws-note-bg: #f7efe7; --ws-note-border: #e8d8c8; --ws-border: #c9c6c3; --ws-border-strong: #a49d99; --ws-input-border: #957a65; --ws-input-border-hover: #7a604c; --ws-text: #2a1a10; --ws-muted: #62493a; --ws-placeholder: #6c5344; --ws-accent: #94451b; --ws-accent-btn: #94451b; --ws-accent-btn-hover: #7a3815; --ws-on-accent: #ffffff; --ws-accent-soft: #f6e4d6; --ws-link: #94451b; --ws-link-hover: #2a1a10; --ws-dot: #b3805f; --ws-code-bg: #f3ebe3; --ws-focus: #94451b; --ws-focus-ring: rgba(148, 69, 27, 0.28); --ws-bubble-edge: #cdc9c7;
}
html.dark.palette-sunset {
  --ws-page: #1a120c; --ws-surface: #231811; --ws-surface-2: #2c1f16; --ws-bot: #372a22; --ws-user: #463021; --ws-note-bg: #261a12; --ws-note-border: #3d2b1e; --ws-border: #453b34; --ws-border-strong: #665c55; --ws-input-border: #b3805f; --ws-input-border-hover: #cc9d7f; --ws-text: #f7efe8; --ws-muted: #d1bba9; --ws-placeholder: #c2ab98; --ws-accent: #eba77a; --ws-accent-btn: #eba77a; --ws-accent-btn-hover: #f2bf9c; --ws-on-accent: #1a120c; --ws-accent-soft: #3a2618; --ws-link: #f0b58d; --ws-link-hover: #f7d3ba; --ws-dot: #eba77a; --ws-code-bg: #120c07; --ws-focus: #f0b58d; --ws-focus-ring: rgba(235, 167, 122, 0.35); --ws-bubble-edge: #5b5048;
}