body[data-theme="dark"] {
  --accent: #5e81ac;
  --bg: #2e3440;
  --panel: #3b4252;
  --panel-2: #434c5e;
  --line: #4c566a;
  --text: #eceff4;
  --muted: #d8dee9;
  --placeholder: #b8c0cc;
  background: var(--bg);
  color: var(--text);
}

body.tree-open { overflow: hidden; }
body.tree-open .app-shell { height: 100dvh; overflow: hidden; pointer-events: none; }

button, textarea, input { font: inherit; }
button { color: inherit; user-select: none; -webkit-user-select: none; }

.app-shell {
  --bg: var(--gray-50);
  --panel: var(--white);
  --panel-2: var(--gray-100);
  --line: var(--gray-200);
  --text: var(--black);
  --muted: var(--gray-500);
  --placeholder: var(--muted);
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  height: 100dvh;
  overflow: hidden;
  background: var(--bg);
  color: var(--text);
}

.app-shell[data-theme="dark"] {
  --accent: #5e81ac;
  --bg: #2e3440;
  --panel: #3b4252;
  --panel-2: #434c5e;
  --line: #4c566a;
  --text: #eceff4;
  --muted: #d8dee9;
  --placeholder: #b8c0cc;
}