:root {
  --tap: 44px;
  --rail: 260px;
  --gap: 8px;
  --radius: 6px;
  --font: 15px;
  --drawer: 42dvh;
  --sheet-ground: #173a5e;
  --sheet-grid: #2a5683;
  --sheet-edge: #5c8bb8;
  --sheet-ink: #eaf1f7;
  --sheet-ink-soft: #a9c3da;
  --sheet-pick: #ffd866;
  --sheet-bad: #ff6f7d;
  --sheet-slow: #ff9a52;
  --sheet-port-in: #7fd1ff;
}
:root[data-theme="dark"] {
  --bg: #15181c;
  --panel: #1e2329;
  --raised: #29303a;
  --line: #3a444f;
  --text: #e4e8ec;
  --muted: #a3adb8;
  --pick: #e3b341;
  --pick-text: #15181c;
  --bad: #ff8a80;
  --focus: #7fd1ff;
}
:root[data-theme="light"] {
  --bg: #e7eaee;
  --panel: #f7f8f9;
  --raised: #dfe4ea;
  --line: #b9c2cb;
  --text: #1d232a;
  --muted: #4f5a66;
  --pick: #8a5d00;
  --pick-text: #ffffff;
  --bad: #a8201a;
  --focus: #1a5f9e;
}