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

:root { color-scheme: dark; }
body {
  @apply bg-slate-950 text-slate-100;
  background-image:
    radial-gradient(circle at top, rgba(244,63,94,.18), transparent 35%),
    linear-gradient(180deg, rgba(15,23,42,1) 0%, rgba(2,6,23,1) 100%);
}
* { box-sizing: border-box; }
.glass { @apply bg-white/5 backdrop-blur-xl border border-white/10; }
.input { @apply w-full rounded-xl border border-white/10 bg-slate-900/80 px-4 py-3 text-slate-100 placeholder:text-slate-500 outline-none transition focus:border-accent-500 focus:ring-2 focus:ring-accent-500/20; }
.btn { @apply inline-flex items-center justify-center rounded-xl px-4 py-3 font-medium transition; }
.btn-primary { @apply btn bg-accent-500 text-white hover:bg-accent-400 shadow-glow; }
.btn-secondary { @apply btn bg-white/5 text-slate-100 hover:bg-white/10 border border-white/10; }