/* Cortex design tokens — v1 (committed dark "instrumenttilasi") */
:root{
  --bg0:#0A0D12; --s1:#12161D; --s2:#1A2029;
  --hair:rgba(255,255,255,.07); --hair2:rgba(255,255,255,.13);
  --t1:#E9EDF2; --t2:#96A0B0; --t3:#5C6675;
  --impulssi:#3BE8B0; --agentti:#9D8CFF; --hehku:#FFB454; --hairio:#FF6166; --info:#58A6FF;
  --okhp:#4DA8FF; --jormet:#E8894A; --konserni:#AAB4C4;
  --lens:var(--konserni);
  --font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;
  --r-card:12px; --r-ctrl:8px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg0);color:var(--t1);
  font-family:var(--font-ui);font-size:15px;line-height:1.45;
  -webkit-font-smoothing:antialiased;color-scheme:dark;
  background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:22px 22px;
}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.up{color:var(--impulssi)} .down{color:var(--hairio)}
::selection{background:rgba(59,232,176,.28)}
:focus-visible{outline:2px solid var(--impulssi);outline-offset:2px;border-radius:4px}