/* ─── RESET & TOKENS ──────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #080808;
  --bg1:       #111111;
  --bg2:       #181818;
  --bg3:       #222222;
  --border:    #2a2a2a;
  --red:       #e50914;
  --red-lo:    rgba(229,9,20,.12);
  --red-mid:   rgba(229,9,20,.35);
  --text:      #f0f0f0;
  --text-muted:#888;
  --text-dim:  #555;
  --sidebar-w: 72px;
  --sidebar-open-w: 260px;
  --radius:    14px;
  --radius-sm: 8px;
  --transition:.22s ease;
  --font: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'Space Mono', monospace;
}

html { background: var(--bg); }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  min-height: 100vh;
}

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 99px; }