@cloudvoyant/vortex-ui 0.17.0-rc.202609040136.45c8986

package/src/themes/notebook.css

@@ -0,0 +1,95 @@
+/* notebook — tweakcn "Notebook" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-notebook {
+  --background: #f9f9f9;
+  --foreground: #3a3a3a;
+  --card: #ffffff;
+  --card-foreground: #3a3a3a;
+  --popover: #ffffff;
+  --popover-foreground: #3a3a3a;
+  --primary: #606060;
+  --primary-foreground: #f0f0f0;
+  --secondary: #dedede;
+  --secondary-foreground: #3a3a3a;
+  --muted: #e3e3e3;
+  --muted-foreground: #505050;
+  --accent: #f3eac8;
+  --accent-foreground: #5d4037;
+  --destructive: #c87a7a;
+  --destructive-foreground: #ffffff;
+  --border: #747272;
+  --input: #ffffff;
+  --ring: #a0a0a0;
+  --chart-1: #333333;
+  --chart-2: #555555;
+  --chart-3: #777777;
+  --chart-4: #999999;
+  --chart-5: #bbbbbb;
+  --sidebar: #f0f0f0;
+  --sidebar-foreground: #3a3a3a;
+  --sidebar-primary: #606060;
+  --sidebar-primary-foreground: #f0f0f0;
+  --sidebar-accent: #f3eac8;
+  --sidebar-accent-foreground: #5d4037;
+  --sidebar-border: #c0c0c0;
+  --sidebar-ring: #a0a0a0;
+  --font-sans: Architects Daughter, sans-serif;
+  --font-serif: 'Times New Roman', Times, serif;
+  --font-mono: 'Courier New', Courier, monospace;
+  --radius: 0.625rem;
+  --shadow-color: #000000;
+  --shadow-opacity: 0.03;
+  --shadow-blur: 5px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 4px;
+  --letter-spacing: 0.5px;
+  --spacing: 0.25rem;
+}
+
+.theme-notebook.dark {
+  --background: #2b2b2b;
+  --foreground: #dcdcdc;
+  --card: #333333;
+  --card-foreground: #dcdcdc;
+  --popover: #333333;
+  --popover-foreground: #dcdcdc;
+  --primary: #b0b0b0;
+  --primary-foreground: #2b2b2b;
+  --secondary: #5a5a5a;
+  --secondary-foreground: #c0c0c0;
+  --muted: #454545;
+  --muted-foreground: #a0a0a0;
+  --accent: #e0e0e0;
+  --accent-foreground: #333333;
+  --destructive: #d9afaf;
+  --destructive-foreground: #2b2b2b;
+  --border: #4f4f4f;
+  --input: #333333;
+  --ring: #c0c0c0;
+  --chart-1: #efefef;
+  --chart-2: #d0d0d0;
+  --chart-3: #b0b0b0;
+  --chart-4: #909090;
+  --chart-5: #707070;
+  --sidebar: #212121;
+  --sidebar-foreground: #dcdcdc;
+  --sidebar-primary: #b0b0b0;
+  --sidebar-primary-foreground: #212121;
+  --sidebar-accent: #e0e0e0;
+  --sidebar-accent-foreground: #333333;
+  --sidebar-border: #4f4f4f;
+  --sidebar-ring: #c0c0c0;
+  --font-sans: Architects Daughter, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: 'Fira Code', 'Courier New', monospace;
+  --radius: 0.625rem;
+  --shadow-color: #000000;
+  --shadow-opacity: 0.03;
+  --shadow-blur: 5px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 4px;
+  --letter-spacing: 0.5px;
+  --spacing: 0.25rem;
+}

package/src/themes/ocean-breeze.css

@@ -0,0 +1,82 @@
+/* ocean-breeze — tweakcn "Ocean Breeze" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-ocean-breeze {
+  --background: #f0f8ff;
+  --foreground: #374151;
+  --card: #ffffff;
+  --card-foreground: #374151;
+  --popover: #ffffff;
+  --popover-foreground: #374151;
+  --primary: #22c55e;
+  --primary-foreground: #ffffff;
+  --secondary: #e0f2fe;
+  --secondary-foreground: #4b5563;
+  --muted: #f3f4f6;
+  --muted-foreground: #6b7280;
+  --accent: #d1fae5;
+  --accent-foreground: #374151;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e5e7eb;
+  --input: #e5e7eb;
+  --ring: #22c55e;
+  --chart-1: #22c55e;
+  --chart-2: #10b981;
+  --chart-3: #059669;
+  --chart-4: #047857;
+  --chart-5: #065f46;
+  --radius: 0.5rem;
+  --sidebar: #e0f2fe;
+  --sidebar-foreground: #374151;
+  --sidebar-primary: #22c55e;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #d1fae5;
+  --sidebar-accent-foreground: #374151;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #22c55e;
+  --font-sans: DM Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 8px;
+  --shadow-spread: -1px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+}
+
+.theme-ocean-breeze.dark {
+  --background: #0f172a;
+  --foreground: #d1d5db;
+  --card: #1e293b;
+  --card-foreground: #d1d5db;
+  --popover: #1e293b;
+  --popover-foreground: #d1d5db;
+  --primary: #34d399;
+  --primary-foreground: #0f172a;
+  --secondary: #2d3748;
+  --secondary-foreground: #a1a1aa;
+  --muted: #19212e;
+  --muted-foreground: #6b7280;
+  --accent: #374151;
+  --accent-foreground: #a1a1aa;
+  --destructive: #ef4444;
+  --destructive-foreground: #0f172a;
+  --border: #4b5563;
+  --input: #4b5563;
+  --ring: #34d399;
+  --chart-1: #34d399;
+  --chart-2: #2dd4bf;
+  --chart-3: #22c55e;
+  --chart-4: #10b981;
+  --chart-5: #059669;
+  --radius: 0.5rem;
+  --sidebar: #1e293b;
+  --sidebar-foreground: #d1d5db;
+  --sidebar-primary: #34d399;
+  --sidebar-primary-foreground: #0f172a;
+  --sidebar-accent: #374151;
+  --sidebar-accent-foreground: #a1a1aa;
+  --sidebar-border: #4b5563;
+  --sidebar-ring: #34d399;
+}

package/src/themes/openai.css

@@ -0,0 +1,59 @@
+/* OpenAI — minimal/editorial: white page, near-black warm-neutral ink (#0d0d0d),
+   monochrome-first with a restrained teal accent (#10a37f). All-sans grotesk.
+   Brand fonts Söhne / OpenAI Sans are proprietary; substituted with Inter/Geist.
+   Serif headings: NO. */
+.theme-openai {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.18 0.002 165); /* #0d0d0d near-black */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.18 0.002 165);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.18 0.002 165);
+  --primary: oklch(0.18 0.002 165); /* ink primary (monochrome-first) */
+  --primary-foreground: oklch(0.99 0 0);
+  --secondary: oklch(0.968 0 0);
+  --secondary-foreground: oklch(0.22 0.002 165);
+  --muted: oklch(0.968 0 0);
+  --muted-foreground: oklch(0.55 0.003 170);
+  --accent: oklch(0.62 0.11 172); /* teal #10a37f restrained accent */
+  --accent-foreground: oklch(0.99 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.99 0 0);
+  --border: oklch(0.915 0.002 170);
+  --input: oklch(0.915 0.002 170);
+  --ring: oklch(0.62 0.11 172);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.18 0.002 165);
+  --sidebar-accent: oklch(0.968 0 0);
+  --sidebar-accent-foreground: oklch(0.22 0.002 165);
+  --radius: 0.5rem;
+  --font-sans: 'Inter', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
+  --font-serif: 'Source Serif 4', Georgia, Cambria, 'Times New Roman', serif;
+  --font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+}
+
+.theme-openai.dark {
+  --background: oklch(0.16 0.002 165); /* near-black */
+  --foreground: oklch(0.97 0 0);
+  --card: oklch(0.205 0.002 165);
+  --card-foreground: oklch(0.97 0 0);
+  --popover: oklch(0.205 0.002 165);
+  --popover-foreground: oklch(0.97 0 0);
+  --primary: oklch(0.97 0 0); /* inverts: near-white primary */
+  --primary-foreground: oklch(0.18 0.002 165);
+  --secondary: oklch(0.27 0.002 165);
+  --secondary-foreground: oklch(0.97 0 0);
+  --muted: oklch(0.27 0.002 165);
+  --muted-foreground: oklch(0.7 0.003 170);
+  --accent: oklch(0.68 0.115 172); /* teal, brightened for dark */
+  --accent-foreground: oklch(0.16 0.002 165);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.99 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 14%);
+  --ring: oklch(0.68 0.115 172);
+  --sidebar: oklch(0.205 0.002 165);
+  --sidebar-foreground: oklch(0.97 0 0);
+  --sidebar-accent: oklch(0.27 0.002 165);
+  --sidebar-accent-foreground: oklch(0.97 0 0);
+}

package/src/themes/pastel-dreams.css

@@ -0,0 +1,82 @@
+/* pastel-dreams — tweakcn "Pastel Dreams" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-pastel-dreams {
+  --background: #f7f3f9;
+  --foreground: #374151;
+  --card: #ffffff;
+  --card-foreground: #374151;
+  --popover: #ffffff;
+  --popover-foreground: #374151;
+  --primary: #a78bfa;
+  --primary-foreground: #ffffff;
+  --secondary: #e9d8fd;
+  --secondary-foreground: #4b5563;
+  --muted: #f3e8ff;
+  --muted-foreground: #6b7280;
+  --accent: #f3e5f5;
+  --accent-foreground: #374151;
+  --destructive: #fca5a5;
+  --destructive-foreground: #ffffff;
+  --border: #e9d8fd;
+  --input: #e9d8fd;
+  --ring: #a78bfa;
+  --chart-1: #a78bfa;
+  --chart-2: #8b5cf6;
+  --chart-3: #7c3aed;
+  --chart-4: #6d28d9;
+  --chart-5: #5b21b6;
+  --radius: 1.5rem;
+  --sidebar: #e9d8fd;
+  --sidebar-foreground: #374151;
+  --sidebar-primary: #a78bfa;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f3e5f5;
+  --sidebar-accent-foreground: #374151;
+  --sidebar-border: #e9d8fd;
+  --sidebar-ring: #a78bfa;
+  --font-sans: Open Sans, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.08;
+  --shadow-blur: 16px;
+  --shadow-spread: -4px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 8px;
+}
+
+.theme-pastel-dreams.dark {
+  --background: #1c1917;
+  --foreground: #e0e7ff;
+  --card: #2d2535;
+  --card-foreground: #e0e7ff;
+  --popover: #2d2535;
+  --popover-foreground: #e0e7ff;
+  --primary: #c0aafd;
+  --primary-foreground: #1c1917;
+  --secondary: #3f324a;
+  --secondary-foreground: #d1d5db;
+  --muted: #20182b;
+  --muted-foreground: #9ca3af;
+  --accent: #4a3d5a;
+  --accent-foreground: #d1d5db;
+  --destructive: #fca5a5;
+  --destructive-foreground: #1c1917;
+  --border: #3f324a;
+  --input: #3f324a;
+  --ring: #c0aafd;
+  --chart-1: #c0aafd;
+  --chart-2: #a78bfa;
+  --chart-3: #8b5cf6;
+  --chart-4: #7c3aed;
+  --chart-5: #6d28d9;
+  --radius: 1.5rem;
+  --sidebar: #3f324a;
+  --sidebar-foreground: #e0e7ff;
+  --sidebar-primary: #c0aafd;
+  --sidebar-primary-foreground: #1c1917;
+  --sidebar-accent: #4a3d5a;
+  --sidebar-accent-foreground: #d1d5db;
+  --sidebar-border: #3f324a;
+  --sidebar-ring: #c0aafd;
+}

package/src/themes/perpetuity.css

@@ -0,0 +1,91 @@
+/* perpetuity — tweakcn "Perpetuity" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-perpetuity {
+  --background: #e8f0f0;
+  --foreground: #0a4a55;
+  --card: #f2f7f7;
+  --card-foreground: #0a4a55;
+  --popover: #f2f7f7;
+  --popover-foreground: #0a4a55;
+  --primary: #06858e;
+  --primary-foreground: #ffffff;
+  --secondary: #d9eaea;
+  --secondary-foreground: #0a4a55;
+  --muted: #e0eaea;
+  --muted-foreground: #427a7e;
+  --accent: #c9e5e7;
+  --accent-foreground: #0a4a55;
+  --destructive: #d13838;
+  --destructive-foreground: #ffffff;
+  --border: #cde0e2;
+  --input: #d9eaea;
+  --ring: #06858e;
+  --chart-1: #06858e;
+  --chart-2: #1e9ea6;
+  --chart-3: #37b6be;
+  --chart-4: #5dc7ce;
+  --chart-5: #8ad8dd;
+  --sidebar: #daebed;
+  --sidebar-foreground: #0a4a55;
+  --sidebar-primary: #06858e;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #c9e5e7;
+  --sidebar-accent-foreground: #0a4a55;
+  --sidebar-border: #cde0e2;
+  --sidebar-ring: #06858e;
+  --font-sans: Courier New, monospace;
+  --font-serif: Courier New, monospace;
+  --font-mono: Courier New, monospace;
+  --radius: 0.125rem;
+  --shadow-color: hsl(185 70% 30% / 0.15);
+  --shadow-opacity: 0.15;
+  --shadow-blur: 2px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 1px;
+}
+
+.theme-perpetuity.dark {
+  --background: #0a1a20;
+  --foreground: #4de8e8;
+  --card: #0c2025;
+  --card-foreground: #4de8e8;
+  --popover: #0c2025;
+  --popover-foreground: #4de8e8;
+  --primary: #4de8e8;
+  --primary-foreground: #0a1a20;
+  --secondary: #164955;
+  --secondary-foreground: #4de8e8;
+  --muted: #0f3039;
+  --muted-foreground: #36a5a5;
+  --accent: #164955;
+  --accent-foreground: #4de8e8;
+  --destructive: #e83c3c;
+  --destructive-foreground: #f2f2f2;
+  --border: #164955;
+  --input: #164955;
+  --ring: #4de8e8;
+  --chart-1: #4de8e8;
+  --chart-2: #36a5a5;
+  --chart-3: #2d8a8a;
+  --chart-4: #19595e;
+  --chart-5: #0e383c;
+  --sidebar: #0a1a20;
+  --sidebar-foreground: #4de8e8;
+  --sidebar-primary: #4de8e8;
+  --sidebar-primary-foreground: #0a1a20;
+  --sidebar-accent: #164955;
+  --sidebar-accent-foreground: #4de8e8;
+  --sidebar-border: #164955;
+  --sidebar-ring: #4de8e8;
+  --font-sans: Source Code Pro, monospace;
+  --font-serif: Source Code Pro, monospace;
+  --font-mono: Source Code Pro, monospace;
+  --radius: 0.125rem;
+  --shadow-color: hsl(180 70% 60% / 0.2);
+  --shadow-opacity: 0.2;
+  --shadow-blur: 2px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 1px;
+}

package/src/themes/quantum-rose.css

@@ -0,0 +1,85 @@
+/* quantum-rose — tweakcn "Quantum Rose" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-quantum-rose {
+  --background: #fff0f8;
+  --foreground: #91185c;
+  --card: #fff7fc;
+  --card-foreground: #91185c;
+  --popover: #fff7fc;
+  --popover-foreground: #91185c;
+  --primary: #e6067a;
+  --primary-foreground: #ffffff;
+  --secondary: #ffd6ff;
+  --secondary-foreground: #91185c;
+  --muted: #ffe3f2;
+  --muted-foreground: #c04283;
+  --accent: #ffc1e3;
+  --accent-foreground: #91185c;
+  --destructive: #d13869;
+  --destructive-foreground: #ffffff;
+  --border: #ffc7e6;
+  --input: #ffd6ff;
+  --ring: #e6067a;
+  --chart-1: #e6067a;
+  --chart-2: #c44b97;
+  --chart-3: #9969b6;
+  --chart-4: #7371bf;
+  --chart-5: #5e84ff;
+  --sidebar: #ffedf6;
+  --sidebar-foreground: #91185c;
+  --sidebar-primary: #e6067a;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #ffc1e3;
+  --sidebar-accent-foreground: #91185c;
+  --sidebar-border: #ffddf0;
+  --sidebar-ring: #e6067a;
+  --font-sans: Poppins, sans-serif;
+  --font-serif: Playfair Display, serif;
+  --font-mono: Space Mono, monospace;
+  --radius: 0.5rem;
+  --shadow-color: hsl(330 70% 30% / 0.12);
+  --shadow-opacity: 0.18;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 3px;
+}
+
+.theme-quantum-rose.dark {
+  --background: #1a0922;
+  --foreground: #ffb3ff;
+  --card: #2a1435;
+  --card-foreground: #ffb3ff;
+  --popover: #2a1435;
+  --popover-foreground: #ffb3ff;
+  --primary: #ff6bef;
+  --primary-foreground: #180518;
+  --secondary: #46204f;
+  --secondary-foreground: #ffb3ff;
+  --muted: #331941;
+  --muted-foreground: #d67ad6;
+  --accent: #5a1f5d;
+  --accent-foreground: #ffb3ff;
+  --destructive: #ff2876;
+  --destructive-foreground: #f9f9f9;
+  --border: #4a1b5f;
+  --input: #46204f;
+  --ring: #ff6bef;
+  --chart-1: #ff6bef;
+  --chart-2: #c359e3;
+  --chart-3: #9161ff;
+  --chart-4: #6f73e2;
+  --chart-5: #547aff;
+  --sidebar: #1c0d25;
+  --sidebar-foreground: #ffb3ff;
+  --sidebar-primary: #ff6bef;
+  --sidebar-primary-foreground: #180518;
+  --sidebar-accent: #5a1f5d;
+  --sidebar-accent-foreground: #ffb3ff;
+  --sidebar-border: #4a1b5f;
+  --sidebar-ring: #ff6bef;
+  --font-sans: Quicksand, sans-serif;
+  --font-serif: Playfair Display, serif;
+  --font-mono: Space Mono, monospace;
+  --shadow-color: hsl(300 80% 50% / 0.25);
+}

package/src/themes/retro-arcade.css

@@ -0,0 +1,81 @@
+/* retro-arcade — tweakcn "Retro Arcade" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-retro-arcade {
+  --background: #fdf6e3;
+  --foreground: #073642;
+  --card: #eee8d5;
+  --card-foreground: #073642;
+  --popover: #eee8d5;
+  --popover-foreground: #073642;
+  --primary: #d33682;
+  --primary-foreground: #ffffff;
+  --secondary: #2aa198;
+  --secondary-foreground: #ffffff;
+  --muted: #93a1a1;
+  --muted-foreground: #073642;
+  --accent: #cb4b16;
+  --accent-foreground: #ffffff;
+  --destructive: #dc322f;
+  --destructive-foreground: #ffffff;
+  --border: #839496;
+  --input: #839496;
+  --ring: #d33682;
+  --chart-1: #268bd2;
+  --chart-2: #2aa198;
+  --chart-3: #d33682;
+  --chart-4: #cb4b16;
+  --chart-5: #dc322f;
+  --radius: 0.25rem;
+  --sidebar: #fdf6e3;
+  --sidebar-foreground: #073642;
+  --sidebar-primary: #d33682;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #2aa198;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #839496;
+  --sidebar-ring: #d33682;
+  --font-sans: Outfit, sans-serif;
+  --font-mono: Space Mono, monospace;
+  --shadow-color: hsl(196 83% 10%);
+  --shadow-opacity: 0.15;
+  --shadow-blur: 4px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-retro-arcade.dark {
+  --background: #002b36;
+  --foreground: #93a1a1;
+  --card: #073642;
+  --card-foreground: #93a1a1;
+  --popover: #073642;
+  --popover-foreground: #93a1a1;
+  --primary: #d33682;
+  --primary-foreground: #ffffff;
+  --secondary: #2aa198;
+  --secondary-foreground: #ffffff;
+  --muted: #586e75;
+  --muted-foreground: #93a1a1;
+  --accent: #cb4b16;
+  --accent-foreground: #ffffff;
+  --destructive: #dc322f;
+  --destructive-foreground: #ffffff;
+  --border: #586e75;
+  --input: #586e75;
+  --ring: #d33682;
+  --chart-1: #268bd2;
+  --chart-2: #2aa198;
+  --chart-3: #d33682;
+  --chart-4: #cb4b16;
+  --chart-5: #dc322f;
+  --radius: 0.25rem;
+  --sidebar: #002b36;
+  --sidebar-foreground: #93a1a1;
+  --sidebar-primary: #d33682;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #2aa198;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #586e75;
+  --sidebar-ring: #d33682;
+}

package/src/themes/rose.css

@@ -0,0 +1,57 @@
+/* rose — shadcn "rose" base color: rose-500 primary on a neutral slate scaffold.
+   Exact Tailwind v4 rose OKLCH values. */
+.theme-rose {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.208 0.04 265.75); /* slate-900 ink */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.208 0.04 265.75);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.208 0.04 265.75);
+  --primary: oklch(0.645 0.215 16.44); /* rose-500 */
+  --primary-foreground: oklch(0.969 0.015 12.42); /* rose-50 */
+  --secondary: oklch(0.968 0.007 247.9); /* slate-100 */
+  --secondary-foreground: oklch(0.208 0.04 265.75);
+  --muted: oklch(0.968 0.007 247.9);
+  --muted-foreground: oklch(0.554 0.041 257.42);
+  --accent: oklch(0.941 0.03 12.58); /* rose-100 tinted accent */
+  --accent-foreground: oklch(0.41 0.15 10.27); /* rose-900 */
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.984 0.003 247.86);
+  --border: oklch(0.929 0.013 255.51); /* slate-200 */
+  --input: oklch(0.929 0.013 255.51);
+  --ring: oklch(0.645 0.215 16.44); /* rose-500 */
+  --sidebar: oklch(0.984 0.003 247.86);
+  --sidebar-foreground: oklch(0.208 0.04 265.75);
+  --sidebar-accent: oklch(0.941 0.03 12.58);
+  --sidebar-accent-foreground: oklch(0.41 0.15 10.27);
+  --radius: 0.625rem;
+  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-serif: ui-serif, Georgia, Cambria, serif;
+  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+}
+
+.theme-rose.dark {
+  --background: oklch(0.208 0.04 265.75); /* slate-900 */
+  --foreground: oklch(0.984 0.003 247.86);
+  --card: oklch(0.208 0.04 265.75);
+  --card-foreground: oklch(0.984 0.003 247.86);
+  --popover: oklch(0.208 0.04 265.75);
+  --popover-foreground: oklch(0.984 0.003 247.86);
+  --primary: oklch(0.645 0.215 16.44); /* rose-500 stays vivid */
+  --primary-foreground: oklch(0.969 0.015 12.42);
+  --secondary: oklch(0.279 0.037 260.03); /* slate-800 */
+  --secondary-foreground: oklch(0.984 0.003 247.86);
+  --muted: oklch(0.279 0.037 260.03);
+  --muted-foreground: oklch(0.711 0.035 256.79);
+  --accent: oklch(0.271 0.101 12.09); /* rose-950 tinted accent */
+  --accent-foreground: oklch(0.969 0.015 12.42);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.984 0.003 247.86);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.645 0.215 16.44);
+  --sidebar: oklch(0.279 0.037 260.03);
+  --sidebar-foreground: oklch(0.984 0.003 247.86);
+  --sidebar-accent: oklch(0.271 0.101 12.09);
+  --sidebar-accent-foreground: oklch(0.969 0.015 12.42);
+}