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

@layer components {
  /* Liquid Glass Panels */
  .glass-panel {
    @apply bg-white/70 backdrop-blur-xl border border-white/40 shadow-sm;
  }
  
  .glass-panel-dark {
    @apply bg-black/20 backdrop-blur-md;
  }
  
  .glass-card {
    @apply bg-white/80 backdrop-blur-xl border border-white shadow-xl shadow-blue-900/5;
  }
}

body {
  /* Subtle gradient background */
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  min-height: 100vh;
}