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

@layer base {
  body {
    @apply antialiased text-slate-900 bg-slate-50 min-h-screen selection:bg-brand-jade/20 selection:text-brand-jade;
    background-image: radial-gradient(circle at 0% 0%, rgba(0, 194, 146, 0.08), transparent 45%), radial-gradient(circle at 100% 0%, rgba(0, 139, 163, 0.08), transparent 40%);
    background-attachment: fixed;
  }
}

@layer utilities {
  .glass-panel {
    @apply bg-white/60 backdrop-blur-xl border border-white shadow-sm;
  }
}