:root {
  --bg: #eef2f6;
  --glass: rgba(255, 255, 255, 0.78);
  --glass-line: rgba(255, 255, 255, 0.9);
  --edge: rgba(20, 28, 40, 0.09);
  --field: rgba(255, 255, 255, 0.7);
  --hover: rgba(20, 28, 40, 0.06);
  --ink: #141a22;
  --muted: #66707f;
  --line: rgba(20, 28, 40, 0.12);
  --sel: #141a22;
  --sel-ink: #ffffff;
  --hi: #f5b82e;
  --focus: #2f7fd1;
  --paper: #ffffff;
  --grid: #f0f3f6;
  --gridmajor: #e1e6ec;
  --wall: #2a2f38;
  --glass2d: #bfe3f3;
  --floor-alpha: 0.82;
  --shadow: 0 12px 34px rgba(24, 36, 56, 0.14), 0 1px 2px rgba(24, 36, 56, 0.06);
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #10141b;
    --glass: rgba(24, 29, 40, 0.84);
    --glass-line: rgba(255, 255, 255, 0.14);
    --edge: rgba(255, 255, 255, 0.08);
    --field: rgba(255, 255, 255, 0.08);
    --hover: rgba(255, 255, 255, 0.09);
    --ink: #eef1f6;
    --muted: #a0abbc;
    --line: rgba(255, 255, 255, 0.14);
    --sel: #f4f6fa;
    --sel-ink: #141a22;
    --hi: #ffc83d;
    --focus: #7ab6ff;
    --paper: #161b24;
    --grid: #1c222d;
    --gridmajor: #262d3a;
    --wall: #e8eaef;
    --glass2d: #5b8fb0;
    --floor-alpha: 0.72;
    --shadow: 0 12px 34px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    color-scheme: dark;
  }
}
:root[data-theme='dark'] {
  --bg: #10141b;
  --glass: rgba(24, 29, 40, 0.84);
  --glass-line: rgba(255, 255, 255, 0.14);
  --edge: rgba(255, 255, 255, 0.08);
  --field: rgba(255, 255, 255, 0.08);
  --hover: rgba(255, 255, 255, 0.09);
  --ink: #eef1f6;
  --muted: #a0abbc;
  --line: rgba(255, 255, 255, 0.14);
  --sel: #f4f6fa;
  --sel-ink: #141a22;
  --hi: #ffc83d;
  --focus: #7ab6ff;
  --paper: #161b24;
  --grid: #1c222d;
  --gridmajor: #262d3a;
  --wall: #e8eaef;
  --glass2d: #5b8fb0;
  --floor-alpha: 0.72;
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  color-scheme: dark;
}