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

:root {
  color-scheme: dark;
}

body {
  @apply bg-background text-gray-100 antialiased;
  background: radial-gradient(circle at 20% 20%, rgba(124, 58, 237, 0.15), transparent 25%),
    radial-gradient(circle at 80% 0%, rgba(16, 185, 129, 0.12), transparent 30%),
    #0b0c10;
}

a {
  @apply text-accent hover:underline;
}

.card-surface {
  @apply bg-surface/70 border border-white/5 rounded-xl shadow-glow backdrop-blur;
}