/* Base styles */
html, body {
  height: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  @apply bg-white text-gray-900;
}

/* Container */
.container {
  @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
}

/* Navigation */
nav {
  @apply bg-white shadow;
}

nav a {
  @apply text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium;
}

/* Main content */
main {
  @apply container py-12;
}

/* Footer */
footer {
  @apply bg-gray-900 text-white mt-16;
}

footer a {
  @apply text-gray-300 hover:text-white;
}