/* Castrion's night palette, shared by every application module. */
:root {
  color-scheme: dark;
  --paper: #0b1117;
  --surface: #131d25;
  --surface-raised: #1a2731;
  --surface-strong: #0e1820;
  --surface-overlay: #18252ee8;
  --ink: #e9eef4;
  --ink-2: #c7d5df;
  --muted: #a4b4c0;
  --line: #2b3c49;
  --line-strong: #708b9b;
  --soft: #162a2d;
  --soft-line: #2a4548;
  --accent: #9ed6c0;
  --accent-hover: #b9ebd7;
  --accent-soft: #1b3935;
  --accent-border: #467d6a;
  --on-accent: #102a27;
  --danger: #ffad9c;
  --danger-soft: #38262a;
  --danger-border: #aa655b;
  --warning: #eac786;
  --warning-soft: #332d23;
  --warning-border: #927746;
  --info: #97c9ee;
  --info-soft: #1c3040;
  --info-border: #4d7e9d;
  --purple: #ccb5ed;
  --purple-soft: #2d283d;
  --purple-border: #82709f;
  --green: var(--accent);
  --acid: var(--accent);
  --acid-dark: #80bba3;
  --shadow: 0 22px 70px rgb(0 0 0 / 0.24);
  --shadow-soft: 0 5px 22px rgb(0 0 0 / 0.12);
}

html {
  background: var(--paper);
  scrollbar-color: var(--line-strong) var(--paper);
}

::selection {
  background: var(--accent);
  color: var(--on-accent);
}

/* Light mode, chosen from the account menu or the footer (cookie castrion_theme).
   The original Castrion paper and ink, with an accent dark enough for text. */
:root[data-theme="light"] {
  color-scheme: light;
  --paper: #f3f0e9;
  --surface: #fffdf8;
  --surface-raised: #f7f4ed;
  --surface-strong: #ebe6da;
  --surface-overlay: #fffdf8e8;
  --ink: #102821;
  --ink-2: #1b3930;
  --muted: #5d6b65;
  --line: #d9d8ce;
  --line-strong: #8f9a94;
  --soft: #edf3ea;
  --soft-line: #cddbc8;
  --accent: #2c7a60;
  --accent-hover: #22644e;
  --accent-soft: #e1efe7;
  --accent-border: #8cc2ab;
  --on-accent: #ffffff;
  --danger: #b4432b;
  --danger-soft: #fbe8e3;
  --danger-border: #e2a595;
  --warning: #85621a;
  --warning-soft: #faf0db;
  --warning-border: #d9bd86;
  --info: #2b6890;
  --info-soft: #e4eff7;
  --info-border: #9cc0da;
  --purple: #69509a;
  --purple-soft: #efe8f8;
  --purple-border: #bdaedf;
  --acid-dark: #3a8d71;
  --shadow: 0 22px 70px rgb(16 40 33 / 0.12);
  --shadow-soft: 0 5px 22px rgb(16 40 33 / 0.08);
}