@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

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

@layer base {
  :root {
    --color-primary: #7C3AED;
    --color-secondary: #A78BFA;
  }

  body {
    @apply bg-[#0A0A0F] text-white font-sans antialiased;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }
}

@layer utilities {
  .glass {
    @apply bg-white/5 backdrop-blur-xl border border-white/10;
  }

  .glass-hover {
    @apply transition-all duration-200 hover:bg-white/10 hover:border-white/20;
  }
}