/* ---------- design tokens + reset ----------
   Loaded first on every page. Everything else refers to these custom properties rather
   than hard-coding colours; js/core/colors.js carries the canvas-side copies. */
:root{
  --bg0:#0b0d12; --bg1:#12141a; --panel:#151821; --panel2:#1b1f2a;
  --ink:#f2f3f5; --ink2:#c3c2b7; --muted:#8b8f98;
  --line:#242835; --line2:#2f3442;
  --bore:#36c9e6; --warn:#e6b800; --good:#0ca30c;
  --q1:#3987e5; --q2:#d95926; --q3:#199e70; --q4:#c98500;
  --radius:10px;
  --font: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:radial-gradient(120% 120% at 50% 0%,#161a24 0%,var(--bg0) 60%);
  color:var(--ink); font-family:var(--font); font-size:14px; overflow:hidden;
}

@media (max-width:880px){
  body{overflow:auto}
}