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

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: dark;
  color: #f1f5f9;
  background-color: #0a0e1a;
}

body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0e1a 0%, #111827 100%);
}

#root {
  min-height: 100vh;
}

.glass-panel {
  @apply backdrop-blur-md bg-white/5 border border-white/10 rounded-xl;
}

.neon-glow {
  box-shadow: 0 0 30px rgba(99, 102, 241, 0.3);
}

.neon-glow-cyan {
  box-shadow: 0 0 30px rgba(34, 211, 238, 0.3);
}