:root {
  color-scheme: light;
  --canvas: #eef3f7;
  --surface: #fbfdff;
  --surface-raised: #f4f8fb;
  --surface-soft: #f0f5f9;
  --surface-inset: #e2eaf1;
  --surface-hover: #e0edf3;
  --surface-selected: #d4eaf0;
  --ink: #17283c;
  --muted: #50667b;
  --faint: #64778a;
  --line: #cbd9e4;
  --line-soft: #dce6ee;
  --accent: #086579;
  --accent-surface: #e2f1f5;
  --accent-border: #a9ccd7;
  --accent-hover: #d2e9ef;
  --primary-fill: #086579;
  --primary-ink: #ffffff;
  --primary-border: #07596c;
  --primary-hover: #075669;
  --green: #28724f;
  --green-marker: #33835f;
  --green-surface: #e7f3ed;
  --warning: #866017;
  --warning-surface: #fbf1d9;
  --warning-border: #e9d39e;
  --error: #b23949;
  --focus: #08788d;
  --decoration: #a0b4c5;
  --scrollbar: #adbfce;
  --modal-backdrop: #101c2b66;
  --modal-shadow: #10253e33;
  --editor-active-line: #eaf3f8;
  --editor-selection: #c6e4ed;
  --editor-search: #f3d89080;
  --editor-search-selected: #eac465a0;
  --syntax-command: #086579;
  --syntax-atom: #6651a4;
  --syntax-string: #916226;
  --syntax-variable: #315d98;
  --syntax-comment: #62778b;
  --syntax-punctuation: #536b83;
  --link-hover: #148da322;
  --link-outline: #148da366;
  --toast-fill: #17283c;
  --toast-ink: #e8f0f7;
  --toast-hover: #223a52;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --canvas: #101c2b;
  --surface: #17283c;
  --surface-raised: #142437;
  --surface-soft: #122236;
  --surface-inset: #101c2b;
  --surface-hover: #223a52;
  --surface-selected: #24454f;
  --ink: #e8f0f7;
  --muted: #a4b6c9;
  --faint: #8ca2b8;
  --line: #30465e;
  --line-soft: #253b52;
  --accent: #76d4df;
  --accent-surface: #1b3548;
  --accent-border: #365d70;
  --accent-hover: #24485a;
  --primary-fill: #76d4df;
  --primary-ink: #10252d;
  --primary-border: #76d4df;
  --primary-hover: #92e1e9;
  --green: #83d6ae;
  --green-marker: #69c99d;
  --green-surface: #173e39;
  --warning: #e5c07b;
  --warning-surface: #383323;
  --warning-border: #625331;
  --error: #f0949d;
  --focus: #76d4df;
  --decoration: #4b637b;
  --scrollbar: #415a73;
  --modal-backdrop: #081322bf;
  --modal-shadow: #030b1670;
  --editor-active-line: #1c334b;
  --editor-selection: #2b5066;
  --editor-search: #98773270;
  --editor-search-selected: #b78a3790;
  --syntax-command: #8cd8e4;
  --syntax-atom: #b9b7e8;
  --syntax-string: #e5c07b;
  --syntax-variable: #a5c8ed;
  --syntax-comment: #93abc2;
  --syntax-punctuation: #bdcddd;
  --link-hover: #148da322;
  --link-outline: #148da366;
  --toast-fill: #223a52;
  --toast-ink: #e8f0f7;
  --toast-hover: #304b65;
}