diff --git a/packages/email/email.css b/packages/email/email.css
new file mode 100644
index 0000000..584d274
--- /dev/null
+++ b/packages/email/email.css
@@ -0,0 +1,18 @@
+@import "@maizzle/tailwindcss";
+
+@theme {
+ /* ── Design tokens — exact mirror of frontend app.css :root ── */
+ --color-background: oklch(0.98 0.01 320);
+ --color-foreground: oklch(0.08 0.02 280);
+ --color-card: oklch(0.99 0.005 320);
+ --color-card-foreground: oklch(0.08 0.02 280);
+ --color-muted: oklch(0.95 0.01 280);
+ --color-muted-foreground: oklch(0.4 0.02 280);
+ --color-border: oklch(0.85 0.02 280);
+ --color-primary: oklch(56.971% 0.27455 319.257);
+ --color-primary-foreground: oklch(0.98 0.01 320);
+
+ /* ── Font ── */
+ --font-sans: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ Helvetica, Arial, sans-serif;
+}
diff --git a/packages/email/src/render.ts b/packages/email/src/render.ts
index 7a6e808..46d3170 100644
--- a/packages/email/src/render.ts
+++ b/packages/email/src/render.ts
@@ -1,10 +1,11 @@
import { readFile } from "node:fs/promises";
import path from "node:path";
-// Templates live at packages/email/templates/
// At runtime (dist/render.js), __dirname is packages/email/dist/
const PKG_ROOT = path.join(__dirname, "..");
const TEMPLATES_ROOT = path.join(PKG_ROOT, "templates");
+const CSS_PATH = path.join(PKG_ROOT, "email.css");
+
const BASE_URL = process.env.PUBLIC_URL ?? "https://sexy.pivoine.art";
export interface RenderOptions {
@@ -26,14 +27,15 @@ export async function renderTemplate(
root: TEMPLATES_ROOT,
folders: ["layouts"],
},
- // Override PostCSS `from` so @tailwindcss/postcss resolves @import "@maizzle/tailwindcss"
- // from this package's node_modules (defu gives our value priority over the cwd default).
+ // Override PostCSS `from` so @import "@maizzle/tailwindcss" resolves
+ // from this package's node_modules (defu gives our value priority).
postcss: {
options: {
- from: path.join(PKG_ROOT, "email.css"),
+ from: CSS_PATH,
},
},
locals: {
+ cssPath: CSS_PATH, // layout uses {{ cssPath }} in
baseUrl: BASE_URL,
...locals,
},
diff --git a/packages/email/templates/layouts/main.html b/packages/email/templates/layouts/main.html
index c03a9c5..c10b6df 100644
--- a/packages/email/templates/layouts/main.html
+++ b/packages/email/templates/layouts/main.html
@@ -10,31 +10,13 @@
{{ page.title || 'sexy.pivoine.art' }}
-
+
-
+
+