:root {
  --bg:            #0d0e10;
  --bg-elev:       #16181c;
  --bg-elev-2:     #1c1e23;
  --border:        #26282e;
  --border-strong: #353841;
  --text:          #e8e6e1;
  --text-muted:    #b4b6bf;
  --text-dim:      #96989f;
  --accent:        #ff5f1f;
  --live:          #5ee6a0;
  --sans:  'Geist', system-ui, sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, monospace;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg:            #fafaf7;
    --bg-elev:       #f3f2ed;
    --bg-elev-2:     #ecebe5;
    --border:        #d8d6cf;
    --border-strong: #b8b6ad;
    --text:          #1a1b1e;
    --text-muted:    #5a5c63;
    --text-dim:      #6e7079;
  }
}