/* Critical CSS for above-the-fold content */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Add your critical styles here */
body {
  @apply bg-gray-50 text-gray-900;
}

/* Smooth scrolling for all elements */
html {
  scroll-behavior: smooth;
}

/* Optimize font rendering */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Critical button styles */
.btn-primary {
  @apply bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors duration-200;
}

/* Critical header styles */
header {
  @apply fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-sm shadow-sm;
}

/* Critical content area */
main {
  @apply pt-16 min-h-screen;
}