/* Colours of the night look (default) and the day look (html[data-theme="light"], set by js/theme.js). */
:root {
  --bg: #0b0b12;
  --panel: #15151f;
  --panel-2: #1d1d2b;
  --line: #2b2b3d;
  --text: #f4f4f8;
  --text-soft: #d6d6e2;
  --text-dim: #c9c9d8;
  --muted: #a0a0b8;
  --faint: #7a7a95;
  --brand: #f57b00;
  --brand-ink: #f57b00;
  --brand-2: #7c5cff;
  --ok: #33d17a;
  --err: #ff6b7a;
  --warn: #ffb347;
  --info-ink: #b9a8ff;
  --gold: #ffd23f;
  --code-bg: #0f0f18;
  --nav-bg: #101019;
  --fill-1: #ffffff0f;
  --fill-2: #ffffff14;
  --fill-3: #ffffff1c;
  --fill-line: #ffffff1f;
  --shadow: #0009;
  --shadow-soft: #0008;
  --toast-bg: #f4f4f8;
  --toast-fg: #111;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f3f4fa;
  --panel: #ffffff;
  --panel-2: #eceef6;
  --line: #d6d9e8;
  --text: #15151f;
  --text-soft: #2f3148;
  --text-dim: #44465e;
  --muted: #5a5d75;
  --faint: #6a6c86;
  --brand-ink: #b85300;
  --brand-2: #6b4cf5;
  --ok: #12874c;
  --err: #d22f43;
  --warn: #a45a00;
  --info-ink: #5a3fd6;
  --gold: #a06a00;
  --code-bg: #eaecf6;
  --nav-bg: #ffffff;
  --fill-1: #1a1c3a0d;
  --fill-2: #1a1c3a14;
  --fill-3: #1a1c3a1c;
  --fill-line: #1a1c3a26;
  --shadow: #1a1c3a33;
  --shadow-soft: #1a1c3a29;
  --toast-bg: #1d1d2b;
  --toast-fg: #f4f4f8;
  color-scheme: light;
}