diff --git a/frontend/index.html b/frontend/index.html
index f63804f..1414cd0 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,7 +5,9 @@
- frontend
+ Pi. Ku. | A safe haven for your unsent letters
+
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 50c2291..0ae1535 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -3,46 +3,63 @@
@plugin "daisyui/theme" {
name: "piku";
- default: false;
+ default: true;
prefersdark: true;
- color-scheme: "dark";
- --color-base-100: #231e18;
- --color-base-200: #1e1914;
- --color-base-300: #1a1410;
- --color-base-content: oklch(76% 0.188 70.08);
- --color-primary: #7a5520;
- --color-primary-content: #c8b890;
- --color-secondary: #2a1e13;
- --color-secondary-content: #e8d5b0;
- --color-accent: #c8903a;
- --color-accent-content: #3d2e1e;
- --color-neutral: #2e2820;
- --color-neutral-content: oklch(98% 0.016 73.684);
- --color-info: #2a3040;
- --color-info-content: #a0aabf;
- --color-success: #d6d996;
- --color-success-content: #8aaa8a;
- --color-warning: #4a3010;
- --color-warning-content: #d4a050;
- --color-error: #3d1e1f;
- --color-error-content: #c07060;
- --radius-selector: 1rem;
- --radius-field: 0rem;
- --radius-box: 0.25rem;
- --size-selector: 0.28125rem;
- --size-field: 0.28125rem;
+ color-scheme: dark;
+
+ /* ── Base surfaces ── */
+ --color-base-100: oklch(14% 0.012 35); /* was 0.018 hue 50 */
+ --color-base-200: oklch(18% 0.014 33);
+ --color-base-300: oklch(22% 0.016 32);
+ --color-base-content: oklch(82% 0.02 70); /* aged parchment, not crisp white */
+
+ /* ── Primary: old lamp gold — warm, incandescent ── */
+ --color-primary: oklch(67% 0.11 78);
+ --color-primary-content: oklch(15% 0.03 70);
+
+ /* ── Secondary: dusty plum ── */
+ --color-secondary: oklch(48% 0.08 305);
+ --color-secondary-content: oklch(92% 0.01 305);
+
+ /* ── Accent: muted lavender-clay ── */
+ --color-accent: oklch(55% 0.06 325);
+ --color-accent-content: oklch(18% 0.03 295);
+
+ /* ── Neutral: warm stone ── */
+ --color-neutral: oklch(28% 0.02 45);
+ --color-neutral-content: oklch(80% 0.015 60);
+
+ /* ── Semantic — desaturated, no alarm ── */
+ --color-info: oklch(60% 0.07 240);
+ --color-info-content: oklch(95% 0.01 240);
+ --color-success: oklch(60% 0.08 150);
+ --color-success-content: oklch(16% 0.03 150);
+ --color-warning: oklch(68% 0.08 72); /* honey, not caution-sign amber */
+ --color-warning-content: oklch(18% 0.03 60);
+ --color-error: oklch(55% 0.1 22);
+ --color-error-content: oklch(92% 0.01 22);
+
+ /* ── Shape ── */
+ --radius-selector: 0.5rem;
+ --radius-field: 0.375rem;
+ --radius-box: 0.5rem;
+
+ /* ── Effects ── */
+ --depth: 1;
+ --noise: 0.03;
+
+ /* ── Border ── */
--border: 1px;
- --depth: 0;
- --noise: 0;
}
@theme {
--font-display: "Playwrite HR Lijeva Variable", cursive;
--font-sans: "Jost Variable", sans-serif;
--font-serif: "Playfair Display Variable", serif;
- --color-glass-bg: rgba(35, 30, 24, 0.4);
- --shadow-warm: 0 20px 50px -12px rgba(42, 30, 19, 0.5);
+ --color-glass-bg: rgba(28, 22, 16, 0.45); /* slightly deeper to match new base */
+ --shadow-warm: 0 20px 50px -12px rgba(30, 20, 12, 0.6);
--radius-xl: 1.5rem;
+ --color-paper: oklch(97% 0.008 80);
}
.glass-card {