Trying to work on new theme

app/assets/stylesheets/application.postcss.css

@@ -3,10 +3,47 @@
 /* Import Tailwind using PostCSS */
 @import "tailwindcss";
 
-/* Import flash message styles */
-@import "components/flash";
+/* Import our custom theme */
+@import "theme";
 
-/** Default text color */
+/* Import components */
+@import "components/hero";
+@import "components/flash";
+@import "components/footer";
+@import "components/party-finder";
+
+/* Base styles */
 body {
-    color: #555555;
+  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%;
 }