:root {
  color-scheme: dark;
  --black: #050505;
  --buffer: #0b0b0b;
  --panel: #111111;
  --panel-raised: #151515;
  --rule: #1f1f1f;
  --rule-high: #2c2c2c;
  --text: #e9e9e4;
  --body: #c9c9c4;
  --dim: #8c8c88;
  --faint: #7c7c78;
  --green: #39ff6a;
  --green-soft: #9df7b5;
  --green-deep: #0f3d1c;
  --magenta: #ff3dc8;
  --magenta-deep: #3d0f31;
  --amber: #ffb000;
  --amber-deep: #3a2800;
  --danger: #ff5c68;
  --danger-deep: #3d1116;
  --display: "Martian Mono", ui-monospace, monospace;
  --nav-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sidebar-width: 224px;
  --sidebar-compact: 70px;
  --header-height: 60px;
  --rule-width: 1px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --fast: 160ms;
  --normal: 240ms;
  --tick: 1.6s;
  --z-sidebar: 30;
  --z-header: 20;
  --z-toast: 80;
}