@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --accent: #6366f1;
  --accent-dim: #6366f133;
}

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

html, body, #root {
  height: 100%;
  background-color: #0f0f13;
  color: white;
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2a2a3a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a4a; }

select option {
  background: #1c1c28;
  color: white;
}

input[type="range"] {
  cursor: pointer;
}

input[type="color"] {
  cursor: pointer;
}