:root {
  --bg:         #0a0b0d;
  --surface:    #111318;
  --border:     #1e2229;
  --border-hi:  #2e3340;
  --amber:      #f59e0b;
  --amber-dim:  #78490a;
  --amber-glow: #f59e0b22;
  --text:       #d4cfc8;
  --muted:      #5a5e6a;
  --green:      #22c55e;
  --blue:       #60a5fa;
  --red:        #f87171;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "IBM Plex Mono", monospace;
  background: var(--bg);
  color: var(--text);
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-hi); border-radius: 3px; }