/* OpenBot shared slate theme: fonts, tokens, reset. No layout or component classes.
   Legacy token names are kept so existing page CSS resolves to slate values. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  color-scheme:dark;

  --ground:#0B0E13;
  --surface:#151A23;
  --sunk:#0B0E13;
  --elev:#1C222D;
  --raised:#232B37;
  --line:#2A3140;
  --hairline-2:#363E4E;

  --ink:#E4E8EF;
  --muted:#8A94A6;
  --faint:#5A6478;
  --disabled:#3E4657;

  --cinnabar:#5FA8D1;
  --cinnabar-soft:rgba(95,168,209,.10);
  --bronze:#7DBEE3;
  --bronze-soft:rgba(125,190,227,.10);
  --jade:#4FAE7E;
  --jade-soft:rgba(79,174,126,.10);
  --warn:#D4A34E;
  --warn-soft:rgba(212,163,78,.10);
  --danger:#D95E5E;
  --danger-soft:rgba(217,94,94,.10);

  --accent:var(--cinnabar);
  --accent-hi:#7DBEE3;
  --accent-lo:#3D7FA6;
  --accent-wash:var(--cinnabar-soft);
  --accent-line:rgba(95,168,209,.35);
  --hairline:var(--line);
  --text:var(--ink);
  --dim:var(--faint);
  --panel:var(--surface);
  --ok:var(--jade);

  --shadow:none;

  --display:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Inter','Segoe UI',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,'Courier New',monospace;
  --f-display:var(--display);
  --f-body:var(--body);
  --f-mono:var(--mono);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--ground)}
body{margin:0;color:var(--ink);font:400 15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--cinnabar)}
a:hover{color:var(--accent-hi)}
:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}