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

:root {
  --bg:        #0d0f10;
  --surface:   #141618;
  --surface2:  #1c1f22;
  --border:    #252a2f;
  --accent:    #e8ff50;      /* żółto-zielony neon */
  --accent2:   #50d0ff;      /* cyan dla agenta */
  --muted:     #4a5260;
  --text:      #d4dbe8;
  --text-dim:  #6a7588;
  --danger:    #ff4f4f;
  --sidebar-w: 280px;
  --font-mono: 'Space Mono', monospace;
  --font-ui:   'DM Sans', sans-serif;
  --radius:    6px;
  --trans:     0.18s ease;
}

html, body { height: 100%; overflow: hidden; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 14px;
  display: flex;
  height: 100vh;
}

/* ── Scrollbar ────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }