/* Palette "night": the same brand in the dark. config.json "darkPalette" shows it to visitors whose device is
   set to dark mode; set it as "palette" to make the whole site dark. Same roles and tones as paper.css (the
   list of roles is in that file's header). In the dark, .tone-strong goes one step deeper rather than lighter. */

:root, .tone-base {
  --meta-theme: #070a0f;

  --bg: #0d1219;
  --surface: #141c27;
  --surface-2: #1b2531;
  --field: #10161f;
  --line: #243143;
  --line-strong: #36445a;
  --text: #edf0f4;
  --text-2: #b3bdca;
  --accent: #3d5cff;
  --accent-hover: #2f4cf0;
  --accent-text: #9aacff;
  --accent-soft: #1a2550;
  --on-accent: #ffffff;
  --ok: #52d3a3;
  --warn: #f2a65a;
  --crit: #ff8085;
  --shadow: rgba(0, 0, 0, 0.55);
  --grid: rgba(154, 172, 255, 0.06);
}

.tone-soft {
  --bg: #111823;
  --surface: #18212d;
  --surface-2: #202b39;
  --field: #131a24;
  --line: #283548;
  --line-strong: #3a4960;
  --text: #edf0f4;
  --text-2: #b3bdca;
  --accent: #3d5cff;
  --accent-hover: #2f4cf0;
  --accent-text: #9aacff;
  --accent-soft: #1c2856;
  --on-accent: #ffffff;
  --ok: #52d3a3;
  --warn: #f2a65a;
  --crit: #ff8085;
  --shadow: rgba(0, 0, 0, 0.55);
  --grid: rgba(154, 172, 255, 0.06);
}

.tone-strong {
  --bg: #070a0f;
  --surface: #0f151d;
  --surface-2: #18202b;
  --field: #0b1016;
  --line: #1f2a3a;
  --line-strong: #33415a;
  --text: #f2f4f7;
  --text-2: #a9b4c2;
  --accent: #3d5cff;
  --accent-hover: #2f4cf0;
  --accent-text: #8fa3ff;
  --accent-soft: #141f45;
  --on-accent: #ffffff;
  --ok: #52d3a3;
  --warn: #f2a65a;
  --crit: #ff8085;
  --shadow: rgba(0, 0, 0, 0.7);
  --grid: rgba(143, 163, 255, 0.07);
}