:root {
  --bg-app: #09090b; /* Very dark background */
  --bg-sidebar: #121217;
  --bg-panel: #121217;
  --bg-card: #191b21;
  --bg-hover: #1f2129;
  
  --border-color: #272832;
  
  --primary-cyan: #00f0ff;
  --primary-blue: #3754ff;
  --primary-purple: #9d38ff;
  --primary-yellow: #ffb800;
  --primary-red: #ff3366;
  --primary-green: #00e676;
  
  --text-white: #ffffff;
  --text-gray: #8f929b;
  --text-dark: #565863;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  background-color: var(--bg-app);
  color: var(--text-white);
  height: 100vh;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-dark);
}