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

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply bg-warm-white text-neutral-black dark:bg-neutral-black dark:text-warm-white font-sans antialiased transition-colors duration-300;
  }
}

/* Custom Utilities for Premium Motion & Feel */
.glass-nav {
  @apply bg-warm-white/80 dark:bg-neutral-black/80 backdrop-blur-md border-b border-neutral-light/50 dark:border-neutral-dark/50;
}

.card-base {
  @apply bg-white dark:bg-[#1A2234] border border-neutral-light/60 dark:border-neutral-dark/65 rounded-xl p-6 transition-all duration-300 shadow-subtle hover:shadow-card-hover hover:-translate-y-1;
}