/* Entry point for your PostCSS build */

/* Import Tailwind using PostCSS */
@import "tailwindcss";

/* Import our custom theme */
@import "theme";

/* Import components */
@import "components/hero";
@import "components/flash";
@import "components/footer";
@import "components/event-finder";

/* Import pages */
@import "pages/home";

/* Base styles */
body {
  font-family: var(--font-sans);
  line-height: 1.6;
  color: var(--color-neutral-900);
  background: var(--color-neutral-50);
}

/* App wrapper */
.app-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main content */
main {
  flex: 1;
}

/* Footer */
.footer {
  background: var(--color-neutral-800);
  color: var(--color-neutral-300);
}

/* Flash messages */
.flash {
  width: 100%;
}

/* Yield content */
.yield {
  width: 100%;
}