/* SplatClean design tokens — dark tool-UI, teal accent (deliberately NOT SuperSplat orange) */
:root {
  color-scheme: dark;
  --bg: #0e1113;
  --panel: #161a1d;
  --panel-2: #1c2126;
  --border: #262c30;
  --text: #e7ecee;
  --text-2: #9aa7ad;
  --accent: #2dd4bf;
  --accent-hi: #5eead4;
  --removed: #f87171;
  --kept: #4ade80;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font: 15px/1.55 Inter, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hi); }
button, .btn {
  background: var(--accent); color: #04211d; border: 0; border-radius: 8px;
  padding: 10px 20px; font: 600 15px Inter, sans-serif; cursor: pointer;
  display: inline-block;
}
button:hover, .btn:hover { background: var(--accent-hi); color: #04211d; }
button.sec, .btn.sec { background: var(--panel-2); color: var(--text); border: 1px solid var(--border); }
button.sec:hover, .btn.sec:hover { border-color: var(--accent); color: var(--accent-hi); }
.num { font-family: var(--mono); font-variant-numeric: tabular-nums; }