/* The dark palette, over app.css. theme.js applies it as the device is, always, or never, as the user picked. */
:root {
  --bg: #0b0b0e;
  --side: #0f0f13;
  --card: #17171c;
  --card-2: #1d1d23;
  --field: #222229;
  --field-hover: #2a2a32;
  --well: #34343e;
  --knob: #33333d;
  --text: #f2f2f5;
  --muted: #a3a3ad;
  --faint: #777782;
  --line: rgba(255, 255, 255, 0.075);
  --accent: #8d8dff;
  --accent-strong: #a3a3ff;
  --accent-soft: #25254a;
  --accent-softer: #1d1d36;
  --accent-ring: rgba(141, 141, 255, 0.4);
  --on-accent: #0f0f24;
  --green: #4fd184;
  --green-soft: #12301f;
  --amber: #f5b83d;
  --amber-soft: #33280e;
  --red: #ff7b75;
  --red-soft: #3a1717;
  --on-red: #2b0908;
  --bubble: #262650;
  --code-bg: #141419;
  --shadow-card: none;
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-dock: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-knob: 0 1px 3px rgba(0, 0, 0, 0.4);
  --drop-card: none;
  --drop-float: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.5));
  --drop-knob: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.4));
  --backdrop: rgba(0, 0, 0, 0.5);
  --hl-keyword: #a3a3ff;
  --hl-string: #6fdc9b;
  --hl-number: #f5b83d;
  --hl-comment: #777782;
  --hl-title: #7ab8ff;
  --hl-literal: #ff8f89;
  --hl-attr: #d4a5ff;
  --hl-meta: #a3a3ad;
  color-scheme: dark;
}