diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index dfd489a..8a1ba30 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,5 +1,12 @@
+@import "tailwindcss";
+@plugin "daisyui" {
+  themes: light --default;
+}
+
 /* Headings use Playfair Display (loaded via the coollabs fonts API in
-   nuxt.config). The board supplies its own Cutive Mono for section labels. */
+   nuxt.config). The board supplies its own Cutive Mono for section labels.
+   Tailwind's preflight resets heading font-size/weight to inherit, so we
+   re-assert the hand-crafted sizes here to preserve the prior look. */
 h1,
 h2,
 h3,
@@ -7,4 +14,24 @@ h4,
 h5,
 h6 {
   font-family: 'Playfair Display', Georgia, serif;
+  font-weight: 700;
+}
+
+h1 {
+  font-size: 2em;
+}
+h2 {
+  font-size: 1.5em;
+}
+h3 {
+  font-size: 1.25em;
+}
+h4 {
+  font-size: 1em;
+}
+h5 {
+  font-size: 0.875em;
+}
+h6 {
+  font-size: 0.75em;
 }
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b9ca62b..faa1db6 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,11 +1,19 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import tailwindcss from '@tailwindcss/vite'
+
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
   modules: ['@nuxt/eslint', '@nuxt/test-utils/module'],
   css: ['~/assets/css/main.css'],
+  // Tailwind v4 integrates as a Vite plugin (no @nuxtjs/tailwindcss module).
+  vite: {
+    plugins: [tailwindcss()],
+  },
   app: {
     head: {
+      // DaisyUI theme is selected via data-theme on the root element.
+      htmlAttrs: { 'data-theme': 'light' },
       link: [
         { rel: 'preconnect', href: 'https://api.fonts.coollabs.io' },
         {