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

package/src/themes.css

@@ -0,0 +1,4184 @@
+/* amber-minimal — tweakcn "Amber Minimal" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-amber-minimal {
+  --background: #ffffff;
+  --foreground: #262626;
+  --card: #ffffff;
+  --card-foreground: #262626;
+  --popover: #ffffff;
+  --popover-foreground: #262626;
+  --primary: #f59e0b;
+  --primary-foreground: #000000;
+  --secondary: #f3f4f6;
+  --secondary-foreground: #4b5563;
+  --muted: #f9fafb;
+  --muted-foreground: #6b7280;
+  --accent: #fffbeb;
+  --accent-foreground: #92400e;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e5e7eb;
+  --input: #e5e7eb;
+  --ring: #f59e0b;
+  --chart-1: #f59e0b;
+  --chart-2: #d97706;
+  --chart-3: #b45309;
+  --chart-4: #92400e;
+  --chart-5: #78350f;
+  --sidebar: #f9fafb;
+  --sidebar-foreground: #262626;
+  --sidebar-primary: #f59e0b;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #fffbeb;
+  --sidebar-accent-foreground: #92400e;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #f59e0b;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.375rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 8px;
+  --shadow-spread: -1px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
+.theme-amber-minimal.dark {
+  --background: #171717;
+  --foreground: #e5e5e5;
+  --card: #262626;
+  --card-foreground: #e5e5e5;
+  --popover: #262626;
+  --popover-foreground: #e5e5e5;
+  --primary: #f59e0b;
+  --primary-foreground: #000000;
+  --secondary: #262626;
+  --secondary-foreground: #e5e5e5;
+  --muted: #1f1f1f;
+  --muted-foreground: #a3a3a3;
+  --accent: #92400e;
+  --accent-foreground: #fde68a;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #404040;
+  --input: #404040;
+  --ring: #f59e0b;
+  --chart-1: #fbbf24;
+  --chart-2: #d97706;
+  --chart-3: #92400e;
+  --chart-4: #b45309;
+  --chart-5: #92400e;
+  --sidebar: #0f0f0f;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #f59e0b;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #92400e;
+  --sidebar-accent-foreground: #fde68a;
+  --sidebar-border: #404040;
+  --sidebar-ring: #f59e0b;
+}
+/* amethyst-haze — tweakcn "Amethyst Haze" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-amethyst-haze {
+  --background: #f8f7fa;
+  --foreground: #3d3c4f;
+  --card: #ffffff;
+  --card-foreground: #3d3c4f;
+  --popover: #ffffff;
+  --popover-foreground: #3d3c4f;
+  --primary: #8a79ab;
+  --primary-foreground: #f8f7fa;
+  --secondary: #dfd9ec;
+  --secondary-foreground: #3d3c4f;
+  --muted: #dcd9e3;
+  --muted-foreground: #6b6880;
+  --accent: #e6a5b8;
+  --accent-foreground: #4b2e36;
+  --destructive: #d95c5c;
+  --destructive-foreground: #f8f7fa;
+  --border: #cec9d9;
+  --input: #eae7f0;
+  --ring: #8a79ab;
+  --chart-1: #8a79ab;
+  --chart-2: #e6a5b8;
+  --chart-3: #77b8a1;
+  --chart-4: #f0c88d;
+  --chart-5: #a0bbe3;
+  --sidebar: #f1eff5;
+  --sidebar-foreground: #3d3c4f;
+  --sidebar-primary: #8a79ab;
+  --sidebar-primary-foreground: #f8f7fa;
+  --sidebar-accent: #e6a5b8;
+  --sidebar-accent-foreground: #4b2e36;
+  --sidebar-border: #d7d2e0;
+  --sidebar-ring: #8a79ab;
+  --font-sans: Geist, sans-serif;
+  --font-serif: 'Lora', Georgia, serif;
+  --font-mono: 'Fira Code', 'Courier New', monospace;
+  --radius: 0.5rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.06;
+  --shadow-blur: 5px;
+  --shadow-spread: 1px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
+.theme-amethyst-haze.dark {
+  --background: #1a1823;
+  --foreground: #e0ddef;
+  --card: #232030;
+  --card-foreground: #e0ddef;
+  --popover: #232030;
+  --popover-foreground: #e0ddef;
+  --primary: #a995c9;
+  --primary-foreground: #1a1823;
+  --secondary: #5a5370;
+  --secondary-foreground: #e0ddef;
+  --muted: #242031;
+  --muted-foreground: #a09aad;
+  --accent: #372e3f;
+  --accent-foreground: #f2b8c6;
+  --destructive: #e57373;
+  --destructive-foreground: #1a1823;
+  --border: #302c40;
+  --input: #2a273a;
+  --ring: #a995c9;
+  --chart-1: #a995c9;
+  --chart-2: #f2b8c6;
+  --chart-3: #77b8a1;
+  --chart-4: #f0c88d;
+  --chart-5: #a0bbe3;
+  --sidebar: #16141e;
+  --sidebar-foreground: #e0ddef;
+  --sidebar-primary: #a995c9;
+  --sidebar-primary-foreground: #1a1823;
+  --sidebar-accent: #372e3f;
+  --sidebar-accent-foreground: #f2b8c6;
+  --sidebar-border: #2a273a;
+  --sidebar-ring: #a995c9;
+}
+/* Anthropic — warm "research publication on parchment": ivory (#faf9f5) canvas,
+   warm near-black slate text (#141413), single clay/terracotta accent (#d97757),
+   serif display headings. Brand fonts Styrene + Tiempos are proprietary; substituted
+   with Source Serif 4 (serif) + Inter/Figtree (sans). Serif headings: YES. */
+.theme-anthropic {
+  --background: oklch(0.985 0.005 95); /* #faf9f5 ivory */
+  --foreground: oklch(0.235 0.006 75); /* #141413 warm near-black */
+  --card: oklch(0.995 0.004 95);
+  --card-foreground: oklch(0.235 0.006 75);
+  --popover: oklch(0.995 0.004 95);
+  --popover-foreground: oklch(0.235 0.006 75);
+  --primary: oklch(0.64 0.12 43); /* clay #d97757 */
+  --primary-foreground: oklch(0.985 0.005 95);
+  --secondary: oklch(0.945 0.008 90); /* oat #f0eee6 */
+  --secondary-foreground: oklch(0.3 0.006 75);
+  --muted: oklch(0.925 0.01 90); /* light oat #e8e6dc */
+  --muted-foreground: oklch(0.5 0.01 80);
+  --accent: oklch(0.925 0.01 90);
+  --accent-foreground: oklch(0.3 0.006 75);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0.005 95);
+  --border: oklch(0.915 0.008 88); /* light, thin hairline (Anthropic uses faint rules) */
+  --input: oklch(0.905 0.008 88);
+  --ring: oklch(0.64 0.12 43);
+  --sidebar: oklch(0.965 0.007 92);
+  --sidebar-foreground: oklch(0.235 0.006 75);
+  --sidebar-accent: oklch(0.925 0.01 90);
+  --sidebar-accent-foreground: oklch(0.3 0.006 75);
+  --radius: 0.5rem;
+  --font-sans: 'Inter', 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-serif: 'Source Serif 4', 'Newsreader', Georgia, Cambria, 'Times New Roman', serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+  --font-heading: var(--font-serif); /* serif display headings */
+}
+
+.theme-anthropic.dark {
+  --background: oklch(0.205 0.006 75); /* warm slate #141413 */
+  --foreground: oklch(0.945 0.006 92); /* ivory text */
+  --card: oklch(0.245 0.006 75);
+  --card-foreground: oklch(0.945 0.006 92);
+  --popover: oklch(0.245 0.006 75);
+  --popover-foreground: oklch(0.945 0.006 92);
+  --primary: oklch(0.68 0.12 45); /* clay, brightened for dark */
+  --primary-foreground: oklch(0.205 0.006 75);
+  --secondary: oklch(0.285 0.008 78);
+  --secondary-foreground: oklch(0.945 0.006 92);
+  --muted: oklch(0.285 0.008 78);
+  --muted-foreground: oklch(0.7 0.01 85);
+  --accent: oklch(0.32 0.01 80);
+  --accent-foreground: oklch(0.945 0.006 92);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0.005 95);
+  --border: oklch(1 0 0 / 8%); /* fainter hairline in dark */
+  --input: oklch(1 0 0 / 11%);
+  --ring: oklch(0.68 0.12 45);
+  --sidebar: oklch(0.235 0.006 75);
+  --sidebar-foreground: oklch(0.945 0.006 92);
+  --sidebar-accent: oklch(0.32 0.01 80);
+  --sidebar-accent-foreground: oklch(0.945 0.006 92);
+}
+/* anyscale — indigo/blue brand: white surface, saturated indigo primary,
+   cool slate text. Distinct cool-slate theme. */
+.theme-anyscale {
+  --radius: 0.5rem;
+  --background: oklch(1 0 180);
+  --foreground: oklch(0.126 0.026 268.939);
+  --muted: oklch(0.885 0.01 276.021);
+  --muted-foreground: oklch(0.464 0.025 275.387);
+  --popover: oklch(0.992 0 161.565);
+  --popover-foreground: oklch(0.114 0.022 268.251);
+  --card: oklch(0.992 0 161.565);
+  --card-foreground: oklch(0.114 0.022 268.251);
+  --border: oklch(0.928 0.006 264.531);
+  --input: oklch(0.928 0.006 264.531);
+  --primary: oklch(0.567 0.237 267.896);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.915 0.011 276);
+  --secondary-foreground: oklch(0.388 0.043 274.435);
+  --accent: oklch(0.866 0.024 275.781);
+  --accent-foreground: oklch(0.335 0.052 273.604);
+  --destructive: oklch(0.63 0.256 29.629);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.567 0.237 267.896);
+  --chart-1: oklch(0.567 0.237 267.896);
+  --chart-2: oklch(0.915 0.011 276);
+  --chart-3: oklch(0.866 0.024 275.781);
+  --chart-4: oklch(0.94 0.008 276.055);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.992 0 161.565);
+  --sidebar-foreground: oklch(0.126 0.026 268.939);
+  --sidebar-primary: oklch(0.567 0.237 267.896);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.866 0.024 275.781);
+  --sidebar-accent-foreground: oklch(0.335 0.052 273.604);
+  --sidebar-border: oklch(0.928 0.006 264.531);
+  --sidebar-ring: oklch(0.567 0.237 267.896);
+}
+
+.theme-anyscale.dark {
+  --radius: 0.5rem;
+  --background: oklch(0.134 0.016 272.261);
+  --foreground: oklch(0.991 0.001 276.148);
+  --muted: oklch(0.249 0.013 275.396);
+  --muted-foreground: oklch(0.691 0.023 275.711);
+  --popover: oklch(0.144 0.019 273.129);
+  --popover-foreground: oklch(1 0 180);
+  --card: oklch(0.144 0.019 273.129);
+  --card-foreground: oklch(1 0 180);
+  --border: oklch(0.278 0.03 256.848);
+  --input: oklch(0.278 0.03 256.848);
+  --primary: oklch(0.567 0.237 267.896);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.186 0.01 275.429);
+  --secondary-foreground: oklch(0.728 0.027 275.646);
+  --accent: oklch(0.269 0.031 274.373);
+  --accent-foreground: oklch(0.798 0.032 275.616);
+  --destructive: oklch(0.62 0.232 29.041);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.567 0.237 267.896);
+  --chart-1: oklch(0.567 0.237 267.896);
+  --chart-2: oklch(0.186 0.01 275.429);
+  --chart-3: oklch(0.269 0.031 274.373);
+  --chart-4: oklch(0.217 0.013 275.322);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.144 0.019 273.129);
+  --sidebar-foreground: oklch(0.991 0.001 276.148);
+  --sidebar-primary: oklch(0.567 0.237 267.896);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.269 0.031 274.373);
+  --sidebar-accent-foreground: oklch(0.798 0.032 275.616);
+  --sidebar-border: oklch(0.278 0.03 256.848);
+  --sidebar-ring: oklch(0.567 0.237 267.896);
+}
+/* bold-tech — tweakcn "Bold Tech" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-bold-tech {
+  --background: #ffffff;
+  --foreground: #312e81;
+  --card: #ffffff;
+  --card-foreground: #312e81;
+  --popover: #ffffff;
+  --popover-foreground: #312e81;
+  --primary: #8b5cf6;
+  --primary-foreground: #ffffff;
+  --secondary: #f3f0ff;
+  --secondary-foreground: #4338ca;
+  --muted: #f5f3ff;
+  --muted-foreground: #7c3aed;
+  --accent: #dbeafe;
+  --accent-foreground: #1e40af;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e0e7ff;
+  --input: #e0e7ff;
+  --ring: #8b5cf6;
+  --chart-1: #8b5cf6;
+  --chart-2: #7c3aed;
+  --chart-3: #6d28d9;
+  --chart-4: #5b21b6;
+  --chart-5: #4c1d95;
+  --radius: 0.625rem;
+  --sidebar: #f5f3ff;
+  --sidebar-foreground: #312e81;
+  --sidebar-primary: #8b5cf6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #dbeafe;
+  --sidebar-accent-foreground: #1e40af;
+  --sidebar-border: #e0e7ff;
+  --sidebar-ring: #8b5cf6;
+  --font-sans: Roboto, sans-serif;
+  --font-serif: Playfair Display, serif;
+  --font-mono: Fira Code, monospace;
+  --shadow-color: hsl(255 86% 66%);
+  --shadow-opacity: 0.2;
+  --shadow-blur: 4px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-bold-tech.dark {
+  --background: #0f172a;
+  --foreground: #e0e7ff;
+  --card: #1e1b4b;
+  --card-foreground: #e0e7ff;
+  --popover: #1e1b4b;
+  --popover-foreground: #e0e7ff;
+  --primary: #8b5cf6;
+  --primary-foreground: #ffffff;
+  --secondary: #1e1b4b;
+  --secondary-foreground: #e0e7ff;
+  --muted: #171447;
+  --muted-foreground: #c4b5fd;
+  --accent: #4338ca;
+  --accent-foreground: #e0e7ff;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #2e1065;
+  --input: #2e1065;
+  --ring: #8b5cf6;
+  --chart-1: #a78bfa;
+  --chart-2: #8b5cf6;
+  --chart-3: #7c3aed;
+  --chart-4: #6d28d9;
+  --chart-5: #5b21b6;
+  --radius: 0.625rem;
+  --sidebar: #0f172a;
+  --sidebar-foreground: #e0e7ff;
+  --sidebar-primary: #8b5cf6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #4338ca;
+  --sidebar-accent-foreground: #e0e7ff;
+  --sidebar-border: #2e1065;
+  --sidebar-ring: #8b5cf6;
+}
+/* bubblegum — tweakcn "Bubblegum" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-bubblegum {
+  --background: #f6e6ee;
+  --foreground: #5b5b5b;
+  --card: #fdedc9;
+  --card-foreground: #5b5b5b;
+  --popover: #ffffff;
+  --popover-foreground: #5b5b5b;
+  --primary: #d04f99;
+  --primary-foreground: #ffffff;
+  --secondary: #8acfd1;
+  --secondary-foreground: #333333;
+  --muted: #b2e1eb;
+  --muted-foreground: #7a7a7a;
+  --accent: #fbe2a7;
+  --accent-foreground: #333333;
+  --destructive: #f96f70;
+  --destructive-foreground: #ffffff;
+  --border: #d04f99;
+  --input: #e4e4e4;
+  --ring: #e670ab;
+  --chart-1: #e670ab;
+  --chart-2: #84d2e2;
+  --chart-3: #fbe2a7;
+  --chart-4: #f3a0ca;
+  --chart-5: #d7488e;
+  --sidebar: #f8d8ea;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #ec4899;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f9a8d4;
+  --sidebar-accent-foreground: #333333;
+  --sidebar-border: #f3e8ff;
+  --sidebar-ring: #ec4899;
+  --font-sans: Poppins, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: Fira Code, monospace;
+  --radius: 0.4rem;
+  --shadow-color: hsl(325.78 58.18% 56.86% / 0.5);
+  --shadow-opacity: 1;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 3px;
+  --shadow-offset-y: 3px;
+}
+
+.theme-bubblegum.dark {
+  --background: #12242e;
+  --foreground: #f3e3ea;
+  --card: #1c2e38;
+  --card-foreground: #f3e3ea;
+  --popover: #1c2e38;
+  --popover-foreground: #f3e3ea;
+  --primary: #fbe2a7;
+  --primary-foreground: #12242e;
+  --secondary: #e4a2b1;
+  --secondary-foreground: #12242e;
+  --muted: #24272b;
+  --muted-foreground: #e4a2b1;
+  --accent: #c67b96;
+  --accent-foreground: #f3e3ea;
+  --destructive: #e35ea4;
+  --destructive-foreground: #12242e;
+  --border: #324859;
+  --input: #20333d;
+  --ring: #50afb6;
+  --chart-1: #50afb6;
+  --chart-2: #e4a2b1;
+  --chart-3: #c67b96;
+  --chart-4: #175c6c;
+  --chart-5: #24272b;
+  --sidebar: #101f28;
+  --sidebar-foreground: #f3f4f6;
+  --sidebar-primary: #ec4899;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f9a8d4;
+  --sidebar-accent-foreground: #1f2937;
+  --sidebar-border: #374151;
+  --sidebar-ring: #ec4899;
+  --font-sans: Poppins, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: Fira Code, monospace;
+  --shadow-color: #324859;
+}
+/* caffeine — tweakcn "Caffeine" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-caffeine {
+  --background: #f9f9f9;
+  --foreground: #202020;
+  --card: #fcfcfc;
+  --card-foreground: #202020;
+  --popover: #fcfcfc;
+  --popover-foreground: #202020;
+  --primary: #644a40;
+  --primary-foreground: #ffffff;
+  --secondary: #ffdfb5;
+  --secondary-foreground: #582d1d;
+  --muted: #efefef;
+  --muted-foreground: #646464;
+  --accent: #e8e8e8;
+  --accent-foreground: #202020;
+  --destructive: #e54d2e;
+  --destructive-foreground: #ffffff;
+  --border: #d8d8d8;
+  --input: #d8d8d8;
+  --ring: #644a40;
+  --chart-1: #644a40;
+  --chart-2: #ffdfb5;
+  --chart-3: #e8e8e8;
+  --chart-4: #ffe6c4;
+  --chart-5: #66493e;
+  --sidebar: #fbfbfb;
+  --sidebar-foreground: #252525;
+  --sidebar-primary: #343434;
+  --sidebar-primary-foreground: #fbfbfb;
+  --sidebar-accent: #f7f7f7;
+  --sidebar-accent-foreground: #343434;
+  --sidebar-border: #ebebeb;
+  --sidebar-ring: #b5b5b5;
+  --radius: 0.5rem;
+}
+
+.theme-caffeine.dark {
+  --background: #111111;
+  --foreground: #eeeeee;
+  --card: #191919;
+  --card-foreground: #eeeeee;
+  --popover: #191919;
+  --popover-foreground: #eeeeee;
+  --primary: #ffe0c2;
+  --primary-foreground: #081a1b;
+  --secondary: #393028;
+  --secondary-foreground: #ffe0c2;
+  --muted: #222222;
+  --muted-foreground: #b4b4b4;
+  --accent: #2a2a2a;
+  --accent-foreground: #eeeeee;
+  --destructive: #e54d2e;
+  --destructive-foreground: #ffffff;
+  --border: #201e18;
+  --input: #484848;
+  --ring: #ffe0c2;
+  --chart-1: #ffe0c2;
+  --chart-2: #393028;
+  --chart-3: #2a2a2a;
+  --chart-4: #42382e;
+  --chart-5: #ffe0c1;
+  --sidebar: #18181b;
+  --sidebar-foreground: #f4f4f5;
+  --sidebar-primary: #1d4ed8;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #27272a;
+  --sidebar-accent-foreground: #f4f4f5;
+  --sidebar-border: #27272a;
+  --sidebar-ring: #d4d4d8;
+  --radius: 0.5rem;
+}
+/* candyland — tweakcn "Candyland" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-candyland {
+  --background: #f7f9fa;
+  --foreground: #333333;
+  --card: #ffffff;
+  --card-foreground: #333333;
+  --popover: #ffffff;
+  --popover-foreground: #333333;
+  --primary: #ffc0cb;
+  --primary-foreground: #000000;
+  --secondary: #87ceeb;
+  --secondary-foreground: #000000;
+  --muted: #ddd9c4;
+  --muted-foreground: #6e6e6e;
+  --accent: #ffff00;
+  --accent-foreground: #000000;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #d4d4d4;
+  --input: #d4d4d4;
+  --ring: #ffc0cb;
+  --chart-1: #ffc0cb;
+  --chart-2: #87ceeb;
+  --chart-3: #ffff00;
+  --chart-4: #ff99cc;
+  --chart-5: #33cc33;
+  --radius: 0.5rem;
+  --sidebar: #f7f9fa;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #ffc0cb;
+  --sidebar-primary-foreground: #000000;
+  --sidebar-accent: #ffff00;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #d4d4d4;
+  --sidebar-ring: #ffc0cb;
+  --font-sans: Poppins, sans-serif;
+  --font-mono: Roboto Mono, monospace;
+}
+
+.theme-candyland.dark {
+  --background: #1a1d23;
+  --foreground: #e5e5e5;
+  --card: #2f3436;
+  --card-foreground: #e5e5e5;
+  --popover: #2f3436;
+  --popover-foreground: #e5e5e5;
+  --primary: #ff99cc;
+  --primary-foreground: #000000;
+  --secondary: #33cc33;
+  --secondary-foreground: #000000;
+  --muted: #444444;
+  --muted-foreground: #a3a3a3;
+  --accent: #87ceeb;
+  --accent-foreground: #000000;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #444444;
+  --input: #444444;
+  --ring: #ff99cc;
+  --chart-1: #ff99cc;
+  --chart-2: #33cc33;
+  --chart-3: #87ceeb;
+  --chart-4: #ffff00;
+  --chart-5: #ffcc00;
+  --radius: 0.5rem;
+  --sidebar: #1a1d23;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #ff99cc;
+  --sidebar-primary-foreground: #000000;
+  --sidebar-accent: #87ceeb;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #444444;
+  --sidebar-ring: #ff99cc;
+}
+/* catppuccin — tweakcn "Catppuccin" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-catppuccin {
+  --background: #eff1f5;
+  --foreground: #4c4f69;
+  --card: #ffffff;
+  --card-foreground: #4c4f69;
+  --popover: #ccd0da;
+  --popover-foreground: #4c4f69;
+  --primary: #8839ef;
+  --primary-foreground: #ffffff;
+  --secondary: #ccd0da;
+  --secondary-foreground: #4c4f69;
+  --muted: #dce0e8;
+  --muted-foreground: #6c6f85;
+  --accent: #04a5e5;
+  --accent-foreground: #ffffff;
+  --destructive: #d20f39;
+  --destructive-foreground: #ffffff;
+  --border: #bcc0cc;
+  --input: #ccd0da;
+  --ring: #8839ef;
+  --chart-1: #8839ef;
+  --chart-2: #04a5e5;
+  --chart-3: #40a02b;
+  --chart-4: #fe640b;
+  --chart-5: #dc8a78;
+  --sidebar: #e6e9ef;
+  --sidebar-foreground: #4c4f69;
+  --sidebar-primary: #8839ef;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #04a5e5;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #bcc0cc;
+  --sidebar-ring: #8839ef;
+  --font-sans: Montserrat, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: Fira Code, monospace;
+  --radius: 0.35rem;
+  --shadow-color: hsl(240 30% 25%);
+  --shadow-opacity: 0.12;
+  --shadow-blur: 6px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+}
+
+.theme-catppuccin.dark {
+  --background: #181825;
+  --foreground: #cdd6f4;
+  --card: #1e1e2e;
+  --card-foreground: #cdd6f4;
+  --popover: #45475a;
+  --popover-foreground: #cdd6f4;
+  --primary: #cba6f7;
+  --primary-foreground: #1e1e2e;
+  --secondary: #585b70;
+  --secondary-foreground: #cdd6f4;
+  --muted: #292c3c;
+  --muted-foreground: #a6adc8;
+  --accent: #89dceb;
+  --accent-foreground: #1e1e2e;
+  --destructive: #f38ba8;
+  --destructive-foreground: #1e1e2e;
+  --border: #313244;
+  --input: #313244;
+  --ring: #cba6f7;
+  --chart-1: #cba6f7;
+  --chart-2: #89dceb;
+  --chart-3: #a6e3a1;
+  --chart-4: #fab387;
+  --chart-5: #f5e0dc;
+  --sidebar: #11111b;
+  --sidebar-foreground: #cdd6f4;
+  --sidebar-primary: #cba6f7;
+  --sidebar-primary-foreground: #1e1e2e;
+  --sidebar-accent: #89dceb;
+  --sidebar-accent-foreground: #1e1e2e;
+  --sidebar-border: #45475a;
+  --sidebar-ring: #cba6f7;
+}
+/* claude — tweakcn "claude" preset: warm ivory parchment surface, terracotta
+   primary, warm neutral text. All-system font stacks (kept verbatim). */
+.theme-claude {
+  --background: oklch(0.9818 0.0054 95.0986);
+  --foreground: oklch(0.3438 0.0269 95.7226);
+  --card: oklch(0.9818 0.0054 95.0986);
+  --card-foreground: oklch(0.1908 0.002 106.5859);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.2671 0.0196 98.939);
+  --primary: oklch(0.6171 0.1375 39.0427);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.9245 0.0138 92.9892);
+  --secondary-foreground: oklch(0.4334 0.0177 98.6048);
+  --muted: oklch(0.9341 0.0153 90.239);
+  --muted-foreground: oklch(0.6059 0.0075 97.4233);
+  --accent: oklch(0.9245 0.0138 92.9892);
+  --accent-foreground: oklch(0.2671 0.0196 98.939);
+  --destructive: oklch(0.1908 0.002 106.5859);
+  --border: oklch(0.8847 0.0069 97.3627);
+  --input: oklch(0.7621 0.0156 98.3528);
+  --ring: oklch(0.6171 0.1375 39.0427);
+  --chart-1: oklch(0.5583 0.1276 42.9956);
+  --chart-2: oklch(0.6898 0.1581 290.4107);
+  --chart-3: oklch(0.8816 0.0276 93.128);
+  --chart-4: oklch(0.8822 0.0403 298.1792);
+  --chart-5: oklch(0.5608 0.1348 42.0584);
+  --sidebar: oklch(0.9663 0.008 98.8792);
+  --sidebar-foreground: oklch(0.359 0.0051 106.6524);
+  --sidebar-primary: oklch(0.6171 0.1375 39.0427);
+  --sidebar-primary-foreground: oklch(0.9881 0 0);
+  --sidebar-accent: oklch(0.9245 0.0138 92.9892);
+  --sidebar-accent-foreground: oklch(0.325 0 0);
+  --sidebar-border: oklch(0.9401 0 0);
+  --sidebar-ring: oklch(0.7731 0 0);
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --radius: 0.625rem;
+}
+
+.theme-claude.dark {
+  --background: oklch(0.2679 0.0036 106.6427);
+  --foreground: oklch(0.8074 0.0142 93.0137);
+  --card: oklch(0.2679 0.0036 106.6427);
+  --card-foreground: oklch(0.9818 0.0054 95.0986);
+  --popover: oklch(0.3085 0.0035 106.6039);
+  --popover-foreground: oklch(0.9211 0.004 106.4781);
+  --primary: oklch(0.6724 0.1308 38.7559);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.9818 0.0054 95.0986);
+  --secondary-foreground: oklch(0.3085 0.0035 106.6039);
+  --muted: oklch(0.2213 0.0038 106.707);
+  --muted-foreground: oklch(0.7713 0.0169 99.0657);
+  --accent: oklch(0.213 0.0078 95.4245);
+  --accent-foreground: oklch(0.9663 0.008 98.8792);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --border: oklch(0.3618 0.0101 106.8928);
+  --input: oklch(0.4336 0.0113 100.2195);
+  --ring: oklch(0.6724 0.1308 38.7559);
+  --chart-1: oklch(0.5583 0.1276 42.9956);
+  --chart-2: oklch(0.6898 0.1581 290.4107);
+  --chart-3: oklch(0.213 0.0078 95.4245);
+  --chart-4: oklch(0.3074 0.0516 289.323);
+  --chart-5: oklch(0.5608 0.1348 42.0584);
+  --sidebar: oklch(0.2357 0.0024 67.7077);
+  --sidebar-foreground: oklch(0.8074 0.0142 93.0137);
+  --sidebar-primary: oklch(0.325 0 0);
+  --sidebar-primary-foreground: oklch(0.9881 0 0);
+  --sidebar-accent: oklch(0.168 0.002 106.6177);
+  --sidebar-accent-foreground: oklch(0.8074 0.0142 93.0137);
+  --sidebar-border: oklch(0.9401 0 0);
+  --sidebar-ring: oklch(0.7731 0 0);
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --radius: 0.625rem;
+}
+/* claymorphism — tweakcn "Claymorphism" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-claymorphism {
+  --background: #e7e5e4;
+  --foreground: #1e293b;
+  --card: #f5f5f4;
+  --card-foreground: #1e293b;
+  --popover: #f5f5f4;
+  --popover-foreground: #1e293b;
+  --primary: #6366f1;
+  --primary-foreground: #ffffff;
+  --secondary: #d6d3d1;
+  --secondary-foreground: #4b5563;
+  --muted: #e7e5e4;
+  --muted-foreground: #6b7280;
+  --accent: #f3e5f5;
+  --accent-foreground: #374151;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #d6d3d1;
+  --input: #d6d3d1;
+  --ring: #6366f1;
+  --chart-1: #6366f1;
+  --chart-2: #4f46e5;
+  --chart-3: #4338ca;
+  --chart-4: #3730a3;
+  --chart-5: #312e81;
+  --radius: 1.25rem;
+  --sidebar: #d6d3d1;
+  --sidebar-foreground: #1e293b;
+  --sidebar-primary: #6366f1;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f3e5f5;
+  --sidebar-accent-foreground: #374151;
+  --sidebar-border: #d6d3d1;
+  --sidebar-ring: #6366f1;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: Roboto Mono, monospace;
+  --shadow-color: hsl(240 4% 60%);
+  --shadow-opacity: 0.18;
+  --shadow-blur: 10px;
+  --shadow-spread: 4px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-claymorphism.dark {
+  --background: #1e1b18;
+  --foreground: #e2e8f0;
+  --card: #2c2825;
+  --card-foreground: #e2e8f0;
+  --popover: #2c2825;
+  --popover-foreground: #e2e8f0;
+  --primary: #818cf8;
+  --primary-foreground: #1e1b18;
+  --secondary: #3a3633;
+  --secondary-foreground: #d1d5db;
+  --muted: #1f1c19;
+  --muted-foreground: #9ca3af;
+  --accent: #484441;
+  --accent-foreground: #d1d5db;
+  --destructive: #ef4444;
+  --destructive-foreground: #1e1b18;
+  --border: #3a3633;
+  --input: #3a3633;
+  --ring: #818cf8;
+  --chart-1: #818cf8;
+  --chart-2: #6366f1;
+  --chart-3: #4f46e5;
+  --chart-4: #4338ca;
+  --chart-5: #3730a3;
+  --radius: 1.25rem;
+  --sidebar: #3a3633;
+  --sidebar-foreground: #e2e8f0;
+  --sidebar-primary: #818cf8;
+  --sidebar-primary-foreground: #1e1b18;
+  --sidebar-accent: #484441;
+  --sidebar-accent-foreground: #d1d5db;
+  --sidebar-border: #3a3633;
+  --sidebar-ring: #818cf8;
+  --shadow-color: hsl(0 0% 0%);
+}
+/* clean-slate — tweakcn "Clean Slate" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-clean-slate {
+  --background: #f8fafc;
+  --foreground: #1e293b;
+  --card: #ffffff;
+  --card-foreground: #1e293b;
+  --popover: #ffffff;
+  --popover-foreground: #1e293b;
+  --primary: #6366f1;
+  --primary-foreground: #ffffff;
+  --secondary: #e5e7eb;
+  --secondary-foreground: #374151;
+  --muted: #f3f4f6;
+  --muted-foreground: #6b7280;
+  --accent: #e0e7ff;
+  --accent-foreground: #374151;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #d1d5db;
+  --input: #d1d5db;
+  --ring: #6366f1;
+  --chart-1: #6366f1;
+  --chart-2: #4f46e5;
+  --chart-3: #4338ca;
+  --chart-4: #3730a3;
+  --chart-5: #312e81;
+  --radius: 0.5rem;
+  --sidebar: #f3f4f6;
+  --sidebar-foreground: #1e293b;
+  --sidebar-primary: #6366f1;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e0e7ff;
+  --sidebar-accent-foreground: #374151;
+  --sidebar-border: #d1d5db;
+  --sidebar-ring: #6366f1;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: JetBrains 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-clean-slate.dark {
+  --background: #0f172a;
+  --foreground: #e2e8f0;
+  --card: #1e293b;
+  --card-foreground: #e2e8f0;
+  --popover: #1e293b;
+  --popover-foreground: #e2e8f0;
+  --primary: #818cf8;
+  --primary-foreground: #0f172a;
+  --secondary: #2d3748;
+  --secondary-foreground: #d1d5db;
+  --muted: #152032;
+  --muted-foreground: #9ca3af;
+  --accent: #374151;
+  --accent-foreground: #d1d5db;
+  --destructive: #ef4444;
+  --destructive-foreground: #0f172a;
+  --border: #4b5563;
+  --input: #4b5563;
+  --ring: #818cf8;
+  --chart-1: #818cf8;
+  --chart-2: #6366f1;
+  --chart-3: #4f46e5;
+  --chart-4: #4338ca;
+  --chart-5: #3730a3;
+  --radius: 0.5rem;
+  --sidebar: #1e293b;
+  --sidebar-foreground: #e2e8f0;
+  --sidebar-primary: #818cf8;
+  --sidebar-primary-foreground: #0f172a;
+  --sidebar-accent: #374151;
+  --sidebar-accent-foreground: #d1d5db;
+  --sidebar-border: #4b5563;
+  --sidebar-ring: #818cf8;
+}
+/* cosmic-night — tweakcn "Cosmic Night" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-cosmic-night {
+  --background: #f5f5ff;
+  --foreground: #2a2a4a;
+  --card: #ffffff;
+  --card-foreground: #2a2a4a;
+  --popover: #ffffff;
+  --popover-foreground: #2a2a4a;
+  --primary: #6e56cf;
+  --primary-foreground: #ffffff;
+  --secondary: #e4dfff;
+  --secondary-foreground: #4a4080;
+  --muted: #f0f0fa;
+  --muted-foreground: #6c6c8a;
+  --accent: #d8e6ff;
+  --accent-foreground: #2a2a4a;
+  --destructive: #ff5470;
+  --destructive-foreground: #ffffff;
+  --border: #e0e0f0;
+  --input: #e0e0f0;
+  --ring: #6e56cf;
+  --chart-1: #6e56cf;
+  --chart-2: #9e8cfc;
+  --chart-3: #5d5fef;
+  --chart-4: #7c75fa;
+  --chart-5: #4740b3;
+  --radius: 0.5rem;
+  --sidebar: #f0f0fa;
+  --sidebar-foreground: #2a2a4a;
+  --sidebar-primary: #6e56cf;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #d8e6ff;
+  --sidebar-accent-foreground: #2a2a4a;
+  --sidebar-border: #e0e0f0;
+  --sidebar-ring: #6e56cf;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --shadow-color: hsl(240 30% 25%);
+  --shadow-opacity: 0.12;
+  --shadow-blur: 10px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+}
+
+.theme-cosmic-night.dark {
+  --background: #0f0f1a;
+  --foreground: #e2e2f5;
+  --card: #1a1a2e;
+  --card-foreground: #e2e2f5;
+  --popover: #1a1a2e;
+  --popover-foreground: #e2e2f5;
+  --primary: #a48fff;
+  --primary-foreground: #0f0f1a;
+  --secondary: #2d2b55;
+  --secondary-foreground: #c4c2ff;
+  --muted: #222244;
+  --muted-foreground: #a0a0c0;
+  --accent: #303060;
+  --accent-foreground: #e2e2f5;
+  --destructive: #ff5470;
+  --destructive-foreground: #ffffff;
+  --border: #303052;
+  --input: #303052;
+  --ring: #a48fff;
+  --chart-1: #a48fff;
+  --chart-2: #7986cb;
+  --chart-3: #64b5f6;
+  --chart-4: #4db6ac;
+  --chart-5: #ff79c6;
+  --radius: 0.5rem;
+  --sidebar: #1a1a2e;
+  --sidebar-foreground: #e2e2f5;
+  --sidebar-primary: #a48fff;
+  --sidebar-primary-foreground: #0f0f1a;
+  --sidebar-accent: #303060;
+  --sidebar-accent-foreground: #e2e2f5;
+  --sidebar-border: #303052;
+  --sidebar-ring: #a48fff;
+}
+/* cyberpunk — tweakcn "Cyberpunk" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-cyberpunk {
+  --background: #f8f9fa;
+  --foreground: #0c0c1d;
+  --card: #ffffff;
+  --card-foreground: #0c0c1d;
+  --popover: #ffffff;
+  --popover-foreground: #0c0c1d;
+  --primary: #ff00c8;
+  --primary-foreground: #ffffff;
+  --secondary: #f0f0ff;
+  --secondary-foreground: #0c0c1d;
+  --muted: #f0f0ff;
+  --muted-foreground: #0c0c1d;
+  --accent: #00ffcc;
+  --accent-foreground: #0c0c1d;
+  --destructive: #ff3d00;
+  --destructive-foreground: #ffffff;
+  --border: #dfe6e9;
+  --input: #dfe6e9;
+  --ring: #ff00c8;
+  --chart-1: #ff00c8;
+  --chart-2: #9000ff;
+  --chart-3: #00e5ff;
+  --chart-4: #00ffcc;
+  --chart-5: #ffe600;
+  --radius: 0.5rem;
+  --sidebar: #f0f0ff;
+  --sidebar-foreground: #0c0c1d;
+  --sidebar-primary: #ff00c8;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #00ffcc;
+  --sidebar-accent-foreground: #0c0c1d;
+  --sidebar-border: #dfe6e9;
+  --sidebar-ring: #ff00c8;
+  --font-sans: Outfit, sans-serif;
+  --font-mono: Fira Code, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 8px;
+  --shadow-spread: -2px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 4px;
+}
+
+.theme-cyberpunk.dark {
+  --background: #0c0c1d;
+  --foreground: #eceff4;
+  --card: #1e1e3f;
+  --card-foreground: #eceff4;
+  --popover: #1e1e3f;
+  --popover-foreground: #eceff4;
+  --primary: #ff00c8;
+  --primary-foreground: #ffffff;
+  --secondary: #1e1e3f;
+  --secondary-foreground: #eceff4;
+  --muted: #151530;
+  --muted-foreground: #8085a6;
+  --accent: #00ffcc;
+  --accent-foreground: #0c0c1d;
+  --destructive: #ff3d00;
+  --destructive-foreground: #ffffff;
+  --border: #2e2e5e;
+  --input: #2e2e5e;
+  --ring: #ff00c8;
+  --chart-1: #ff00c8;
+  --chart-2: #9000ff;
+  --chart-3: #00e5ff;
+  --chart-4: #00ffcc;
+  --chart-5: #ffe600;
+  --radius: 0.5rem;
+  --sidebar: #0c0c1d;
+  --sidebar-foreground: #eceff4;
+  --sidebar-primary: #ff00c8;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #00ffcc;
+  --sidebar-accent-foreground: #0c0c1d;
+  --sidebar-border: #2e2e5e;
+  --sidebar-ring: #ff00c8;
+}
+/* darkmatter — tweakcn "Darkmatter" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-darkmatter {
+  --background: #ffffff;
+  --foreground: #111827;
+  --card: #ffffff;
+  --card-foreground: #111827;
+  --popover: #ffffff;
+  --popover-foreground: #111827;
+  --primary: #d87943;
+  --primary-foreground: #ffffff;
+  --secondary: #527575;
+  --secondary-foreground: #ffffff;
+  --muted: #f3f4f6;
+  --muted-foreground: #6b7280;
+  --accent: #eeeeee;
+  --accent-foreground: #111827;
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border: #e5e7eb;
+  --input: #e5e7eb;
+  --ring: #d87943;
+  --chart-1: #5f8787;
+  --chart-2: #e78a53;
+  --chart-3: #fbcb97;
+  --chart-4: #888888;
+  --chart-5: #999999;
+  --sidebar: #f3f4f6;
+  --sidebar-foreground: #111827;
+  --sidebar-primary: #d87943;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #ffffff;
+  --sidebar-accent-foreground: #111827;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #d87943;
+  --font-sans: Geist Mono, ui-monospace, monospace;
+  --font-serif: serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.75rem;
+  --shadow-color: #000000;
+  --shadow-opacity: 0.05;
+  --shadow-blur: 4px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+  --letter-spacing: 0rem;
+  --spacing: 0.25rem;
+}
+
+.theme-darkmatter.dark {
+  --background: #121113;
+  --foreground: #c1c1c1;
+  --card: #121212;
+  --card-foreground: #c1c1c1;
+  --popover: #121113;
+  --popover-foreground: #c1c1c1;
+  --primary: #e78a53;
+  --primary-foreground: #121113;
+  --secondary: #5f8787;
+  --secondary-foreground: #121113;
+  --muted: #222222;
+  --muted-foreground: #888888;
+  --accent: #333333;
+  --accent-foreground: #c1c1c1;
+  --destructive: #5f8787;
+  --destructive-foreground: #121113;
+  --border: #222222;
+  --input: #222222;
+  --ring: #e78a53;
+  --chart-1: #5f8787;
+  --chart-2: #e78a53;
+  --chart-3: #fbcb97;
+  --chart-4: #888888;
+  --chart-5: #999999;
+  --sidebar: #121212;
+  --sidebar-foreground: #c1c1c1;
+  --sidebar-primary: #e78a53;
+  --sidebar-primary-foreground: #121113;
+  --sidebar-accent: #333333;
+  --sidebar-accent-foreground: #c1c1c1;
+  --sidebar-border: #222222;
+  --sidebar-ring: #e78a53;
+  --shadow-color: #000000;
+}
+/* diffbook default theme — shadcn "Neutral" OKLCH palette.
+   Seeds :root/.dark (base, no theme class) AND .theme-default for explicit selection.
+   :where() gives this ZERO specificity so an explicit light theme (.theme-x, 0,1,0)
+   overrides it — otherwise a light theme tied :root and lost on source order, so
+   every light theme rendered with this neutral palette. */
+:where(:root, .theme-default) {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --radius: 0.625rem;
+  /* Font tokens — themes may override; --font-heading defaults to the sans stack. */
+  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+  --font-heading: var(--font-sans);
+}
+
+:where(.dark, .theme-default.dark) {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+}
+/* doom-64 — tweakcn "Doom 64" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-doom-64 {
+  --background: #cccccc;
+  --foreground: #1f1f1f;
+  --card: #b0b0b0;
+  --card-foreground: #1f1f1f;
+  --popover: #b0b0b0;
+  --popover-foreground: #1f1f1f;
+  --primary: #b71c1c;
+  --primary-foreground: #ffffff;
+  --secondary: #556b2f;
+  --secondary-foreground: #ffffff;
+  --muted: #b8b8b8;
+  --muted-foreground: #4a4a4a;
+  --accent: #4682b4;
+  --accent-foreground: #ffffff;
+  --destructive: #ff6f00;
+  --destructive-foreground: #000000;
+  --border: #505050;
+  --input: #505050;
+  --ring: #b71c1c;
+  --chart-1: #b71c1c;
+  --chart-2: #556b2f;
+  --chart-3: #4682b4;
+  --chart-4: #ff6f00;
+  --chart-5: #8d6e63;
+  --sidebar: #b0b0b0;
+  --sidebar-foreground: #1f1f1f;
+  --sidebar-primary: #b71c1c;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #4682b4;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #505050;
+  --sidebar-ring: #b71c1c;
+  --font-sans: 'Oxanium', sans-serif;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: 'Source Code Pro', monospace;
+  --radius: 0px;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.4;
+  --shadow-blur: 4px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
+.theme-doom-64.dark {
+  --background: #1a1a1a;
+  --foreground: #e0e0e0;
+  --card: #2a2a2a;
+  --card-foreground: #e0e0e0;
+  --popover: #2a2a2a;
+  --popover-foreground: #e0e0e0;
+  --primary: #e53935;
+  --primary-foreground: #ffffff;
+  --secondary: #689f38;
+  --secondary-foreground: #000000;
+  --muted: #252525;
+  --muted-foreground: #a0a0a0;
+  --accent: #64b5f6;
+  --accent-foreground: #000000;
+  --destructive: #ffa000;
+  --destructive-foreground: #000000;
+  --border: #4a4a4a;
+  --input: #4a4a4a;
+  --ring: #e53935;
+  --chart-1: #e53935;
+  --chart-2: #689f38;
+  --chart-3: #64b5f6;
+  --chart-4: #ffa000;
+  --chart-5: #a1887f;
+  --sidebar: #141414;
+  --sidebar-foreground: #e0e0e0;
+  --sidebar-primary: #e53935;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #64b5f6;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #4a4a4a;
+  --sidebar-ring: #e53935;
+  --font-sans: 'Oxanium', sans-serif;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: 'Source Code Pro', monospace;
+  --radius: 0px;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.6;
+  --shadow-blur: 5px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+/* elegant-luxury — tweakcn "Elegant Luxury" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-elegant-luxury {
+  --background: #faf7f5;
+  --foreground: #1a1a1a;
+  --card: #faf7f5;
+  --card-foreground: #1a1a1a;
+  --popover: #faf7f5;
+  --popover-foreground: #1a1a1a;
+  --primary: #9b2c2c;
+  --primary-foreground: #ffffff;
+  --secondary: #fdf2d6;
+  --secondary-foreground: #805500;
+  --muted: #f0ebe8;
+  --muted-foreground: #57534e;
+  --accent: #fef3c7;
+  --accent-foreground: #7f1d1d;
+  --destructive: #991b1b;
+  --destructive-foreground: #ffffff;
+  --border: #f5e8d2;
+  --input: #f5e8d2;
+  --ring: #9b2c2c;
+  --chart-1: #b91c1c;
+  --chart-2: #9b2c2c;
+  --chart-3: #7f1d1d;
+  --chart-4: #b45309;
+  --chart-5: #92400e;
+  --radius: 0.375rem;
+  --sidebar: #f0ebe8;
+  --sidebar-foreground: #1a1a1a;
+  --sidebar-primary: #9b2c2c;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #fef3c7;
+  --sidebar-accent-foreground: #7f1d1d;
+  --sidebar-border: #f5e8d2;
+  --sidebar-ring: #9b2c2c;
+  --font-sans: Poppins, sans-serif;
+  --font-serif: Libre Baskerville, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --shadow-color: hsl(0 63% 18%);
+  --shadow-opacity: 0.12;
+  --shadow-blur: 16px;
+  --shadow-spread: -2px;
+  --shadow-offset-x: 1px;
+  --shadow-offset-y: 1px;
+}
+
+.theme-elegant-luxury.dark {
+  --background: #1c1917;
+  --foreground: #f5f5f4;
+  --card: #292524;
+  --card-foreground: #f5f5f4;
+  --popover: #292524;
+  --popover-foreground: #f5f5f4;
+  --primary: #b91c1c;
+  --primary-foreground: #faf7f5;
+  --secondary: #92400e;
+  --secondary-foreground: #fef3c7;
+  --muted: #1f1c1a;
+  --muted-foreground: #d6d3d1;
+  --accent: #b45309;
+  --accent-foreground: #fef3c7;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #44403c;
+  --input: #44403c;
+  --ring: #b91c1c;
+  --chart-1: #f87171;
+  --chart-2: #ef4444;
+  --chart-3: #dc2626;
+  --chart-4: #fbbf24;
+  --chart-5: #f59e0b;
+  --radius: 0.375rem;
+  --sidebar: #1c1917;
+  --sidebar-foreground: #f5f5f4;
+  --sidebar-primary: #b91c1c;
+  --sidebar-primary-foreground: #faf7f5;
+  --sidebar-accent: #b45309;
+  --sidebar-accent-foreground: #fef3c7;
+  --sidebar-border: #44403c;
+  --sidebar-ring: #b91c1c;
+}
+/* graphite — tweakcn "graphite" preset: sophisticated monochrome grey with tight
+   radius. Strong minimal option for long-form reading. Tokens converted from source
+   hex to OKLCH; font stacks fall back to the loaded Inter / JetBrains Mono when
+   Montserrat/Fira Code aren't installed. */
+.theme-graphite {
+  --background: oklch(0.955 0 0);
+  --foreground: oklch(0.321 0 0);
+  --card: oklch(0.97 0 0);
+  --card-foreground: oklch(0.321 0 0);
+  --popover: oklch(0.97 0 0);
+  --popover-foreground: oklch(0.321 0 0);
+  --primary: oklch(0.489 0 0);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.907 0 0);
+  --secondary-foreground: oklch(0.321 0 0);
+  --muted: oklch(0.885 0 0);
+  --muted-foreground: oklch(0.51 0 0);
+  --accent: oklch(0.808 0 0);
+  --accent-foreground: oklch(0.321 0 0);
+  --destructive: oklch(0.559 0.19 25.86);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.858 0 0);
+  --input: oklch(0.907 0 0);
+  --ring: oklch(0.489 0 0);
+  --sidebar: oklch(0.937 0 0);
+  --sidebar-foreground: oklch(0.321 0 0);
+  --sidebar-accent: oklch(0.808 0 0);
+  --sidebar-accent-foreground: oklch(0.321 0 0);
+  --radius: 0.35rem;
+  --font-sans: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-serif: Georgia, Cambria, 'Times New Roman', serif;
+  --font-mono: 'Fira Code', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.theme-graphite.dark {
+  --background: oklch(0.218 0 0);
+  --foreground: oklch(0.885 0 0);
+  --card: oklch(0.244 0 0);
+  --card-foreground: oklch(0.885 0 0);
+  --popover: oklch(0.244 0 0);
+  --popover-foreground: oklch(0.885 0 0);
+  --primary: oklch(0.706 0 0);
+  --primary-foreground: oklch(0.218 0 0);
+  --secondary: oklch(0.309 0 0);
+  --secondary-foreground: oklch(0.885 0 0);
+  --muted: oklch(0.285 0 0);
+  --muted-foreground: oklch(0.6 0 0);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: oklch(0.885 0 0);
+  --destructive: oklch(0.659 0.153 22.17);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.329 0 0);
+  --input: oklch(0.309 0 0);
+  --ring: oklch(0.706 0 0);
+  --sidebar: oklch(0.239 0 0);
+  --sidebar-foreground: oklch(0.885 0 0);
+  --sidebar-accent: oklch(0.371 0 0);
+  --sidebar-accent-foreground: oklch(0.885 0 0);
+}
+/* green — shadcn "green" base color: green-600 primary (light) / green-500 (dark)
+   on a neutral slate scaffold. Exact Tailwind v4 green OKLCH values. */
+.theme-green {
+  --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.627 0.17 149.21); /* green-600 */
+  --primary-foreground: oklch(0.982 0.018 155.83); /* green-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.962 0.043 156.74); /* green-100 tinted accent */
+  --accent-foreground: oklch(0.393 0.09 152.54); /* green-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.627 0.17 149.21); /* green-600 */
+  --sidebar: oklch(0.984 0.003 247.86);
+  --sidebar-foreground: oklch(0.208 0.04 265.75);
+  --sidebar-accent: oklch(0.962 0.043 156.74);
+  --sidebar-accent-foreground: oklch(0.393 0.09 152.54);
+  --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-green.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.723 0.192 149.58); /* green-500 (brighter for dark) */
+  --primary-foreground: oklch(0.266 0.063 152.93); /* green-950 */
+  --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.266 0.063 152.93); /* green-950 tinted accent */
+  --accent-foreground: oklch(0.962 0.043 156.74);
+  --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.723 0.192 149.58);
+  --sidebar: oklch(0.279 0.037 260.03);
+  --sidebar-foreground: oklch(0.984 0.003 247.86);
+  --sidebar-accent: oklch(0.266 0.063 152.93);
+  --sidebar-accent-foreground: oklch(0.962 0.043 156.74);
+}
+/* kodama-grove — tweakcn "Kodama Grove" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-kodama-grove {
+  --background: #e4d7b0;
+  --foreground: #5c4b3e;
+  --card: #e7dbbf;
+  --card-foreground: #5c4b3e;
+  --popover: #f3ead2;
+  --popover-foreground: #5c4b3e;
+  --primary: #8d9d4f;
+  --primary-foreground: #fdfbf6;
+  --secondary: #decea0;
+  --secondary-foreground: #5c4b3e;
+  --muted: #decea0;
+  --muted-foreground: #85766a;
+  --accent: #dbc894;
+  --accent-foreground: #5c4b3e;
+  --destructive: #d98b7e;
+  --destructive-foreground: #faf8f2;
+  --border: #b19681;
+  --input: #dbc894;
+  --ring: #9db18c;
+  --chart-1: #9db18c;
+  --chart-2: #8a9f7b;
+  --chart-3: #bac9b4;
+  --chart-4: #71856a;
+  --chart-5: #5e6e58;
+  --sidebar: #e2d1a2;
+  --sidebar-foreground: #5c4b3e;
+  --sidebar-primary: #9db18c;
+  --sidebar-primary-foreground: #fdfbf6;
+  --sidebar-accent: #eae5d9;
+  --sidebar-accent-foreground: #5c4b3e;
+  --sidebar-border: #e5e0d4;
+  --sidebar-ring: #9db18c;
+  --font-sans: Merriweather, serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.425rem;
+  --shadow-color: hsl(88 22% 35% / 0.15);
+  --shadow-opacity: 0.15;
+  --shadow-blur: 2px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 3px;
+  --shadow-offset-y: 3px;
+}
+
+.theme-kodama-grove.dark {
+  --background: #3a3529;
+  --foreground: #ede4d4;
+  --card: #413c33;
+  --card-foreground: #ede4d4;
+  --popover: #413c33;
+  --popover-foreground: #ede4d4;
+  --primary: #8a9f7b;
+  --primary-foreground: #2a2521;
+  --secondary: #5a5345;
+  --secondary-foreground: #ede4d4;
+  --muted: #4a4439;
+  --muted-foreground: #a8a096;
+  --accent: #a18f5c;
+  --accent-foreground: #2a2521;
+  --destructive: #b5766a;
+  --destructive-foreground: #f0e9db;
+  --border: #5a5345;
+  --input: #5a5345;
+  --ring: #8a9f7b;
+  --chart-1: #8a9f7b;
+  --chart-2: #9db18c;
+  --chart-3: #71856a;
+  --chart-4: #a18f5c;
+  --chart-5: #5e6e58;
+  --sidebar: #3a3529;
+  --sidebar-foreground: #ede4d4;
+  --sidebar-primary: #8a9f7b;
+  --sidebar-primary-foreground: #2a2521;
+  --sidebar-accent: #a18f5c;
+  --sidebar-accent-foreground: #2a2521;
+  --sidebar-border: #5a5345;
+  --sidebar-ring: #8a9f7b;
+}
+/* Lambda (lambda.ai) — dark-first "Superintelligence Cloud" terminal aesthetic:
+   near-black warm-neutral canvas (#0b0b0b), bone text (#e7e6d9), warm olive-tinted
+   greys, and an electric ULTRAVIOLET brand accent (#6236f4). Type is Suisse Intl
+   (sans) + Suisse Intl Mono (proprietary) — substituted with Inter + JetBrains Mono.
+   Verified from the live site's design-token CSS. Serif headings: NO. */
+.theme-lambda {
+  /* light counterpart (docs light mode): white canvas, ultraviolet accent */
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.15 0.002 105); /* #0b0b0b warm near-black */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.15 0.002 105);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.15 0.002 105);
+  --primary: oklch(0.48 0.26 285); /* ultraviolet #6236f4 */
+  --primary-foreground: oklch(0.99 0.005 105);
+  --secondary: oklch(0.95 0.006 105); /* warm light grey */
+  --secondary-foreground: oklch(0.24 0.004 105);
+  --muted: oklch(0.95 0.006 105);
+  --muted-foreground: oklch(0.52 0.008 105); /* #797872 */
+  --accent: oklch(0.94 0.04 288); /* faint uv tint */
+  --accent-foreground: oklch(0.35 0.12 285);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.99 0.005 105);
+  --border: oklch(0.9 0.006 105);
+  --input: oklch(0.9 0.006 105);
+  --ring: oklch(0.48 0.26 285);
+  --sidebar: oklch(0.985 0.004 105);
+  --sidebar-foreground: oklch(0.15 0.002 105);
+  --sidebar-accent: oklch(0.94 0.04 288);
+  --sidebar-accent-foreground: oklch(0.35 0.12 285);
+  --radius: 0.5rem;
+  --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Suisse Intl */
+  --font-serif: 'Source Serif 4', Georgia, Cambria, serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; /* Suisse Intl Mono */
+  --font-heading: var(--font-sans);
+}
+
+.theme-lambda.dark {
+  /* dark-first — Lambda's native look: near-black #0b0b0b, bone text, ultraviolet */
+  --background: oklch(0.15 0.002 105); /* #0b0b0b */
+  --foreground: oklch(0.921 0.014 105); /* #e7e6d9 bone */
+  --card: oklch(0.23 0.002 105);
+  --card-foreground: oklch(0.921 0.014 105);
+  --popover: oklch(0.23 0.002 105);
+  --popover-foreground: oklch(0.921 0.014 105);
+  --primary: oklch(0.57 0.24 285); /* electric ultraviolet, lifted for dark (#815ef6) */
+  --primary-foreground: oklch(0.97 0.01 105);
+  --secondary: oklch(0.28 0.002 105); /* surface #262625 */
+  --secondary-foreground: oklch(0.921 0.014 105);
+  --muted: oklch(0.28 0.002 105);
+  --muted-foreground: oklch(0.73 0.009 105); /* #b0afa6 warm grey */
+  --accent: oklch(0.32 0.08 285); /* subtle uv */
+  --accent-foreground: oklch(0.921 0.014 105);
+  --destructive: oklch(0.58 0.23 27);
+  --destructive-foreground: oklch(0.97 0.01 105);
+  --border: oklch(0.36 0.004 105); /* #42413e */
+  --input: oklch(0.36 0.004 105);
+  --ring: oklch(0.57 0.24 285);
+  --sidebar: oklch(0.19 0.002 105);
+  --sidebar-foreground: oklch(0.921 0.014 105);
+  --sidebar-accent: oklch(0.32 0.08 285);
+  --sidebar-accent-foreground: oklch(0.921 0.014 105);
+}
+/* mdBook's built-in light theme and its default navy dark theme. */
+.theme-mdbook {
+  --background: #ffffff;
+  --foreground: #000000;
+  --card: #ffffff;
+  --card-foreground: #000000;
+  --popover: #fafafa;
+  --popover-foreground: #000000;
+  --primary: #20609f;
+  --primary-foreground: #ffffff;
+  --secondary: #f4f4f4;
+  --secondary-foreground: #000000;
+  --muted: #f4f4f4;
+  --muted-foreground: #747474;
+  --accent: #e6e6e6;
+  --accent-foreground: #000000;
+  --destructive: #b52731;
+  --destructive-foreground: #ffffff;
+  --border: #f2f2f2;
+  --input: #aaaaaa;
+  --ring: #aaaaaa;
+  --sidebar: #fafafa;
+  --sidebar-foreground: #000000;
+  --sidebar-accent: #e6e6e6;
+  --sidebar-accent-foreground: #1f1fff;
+  --radius: 0.1875rem;
+  --font-sans: 'Open Sans', sans-serif;
+  --font-serif: 'Open Sans', sans-serif;
+  --font-mono: 'Source Code Pro', Consolas, 'Ubuntu Mono', Menlo, 'DejaVu Sans Mono', monospace;
+  --font-heading: 'Open Sans', sans-serif;
+}
+
+.theme-mdbook.dark {
+  --background: #161923;
+  --foreground: #bcbdd0;
+  --card: #161923;
+  --card-foreground: #bcbdd0;
+  --popover: #161923;
+  --popover-foreground: #bcbdd0;
+  --primary: #2b79a2;
+  --primary-foreground: #161923;
+  --secondary: #2d334f;
+  --secondary-foreground: #bcbdd0;
+  --muted: #2d334f;
+  --muted-foreground: #737480;
+  --accent: #282e40;
+  --accent-foreground: #b7b9cc;
+  --destructive: #f21424;
+  --destructive-foreground: #ffffff;
+  --border: rgb(188 189 208 / 14%);
+  --input: #aaaaaa;
+  --ring: #aaaaaa;
+  --sidebar: #282d3f;
+  --sidebar-foreground: #c8c9db;
+  --sidebar-accent: #282e40;
+  --sidebar-accent-foreground: #2b79a2;
+}
+
+.theme-mdbook .db-docs-sidebar {
+  border-color: transparent;
+}
+
+/* mdbook's nav is shorter than the default 3.5rem — keep --nav-h in sync so
+   sticky offsets (e.g. the TOC rail) track the real nav height. */
+.theme-mdbook {
+  --nav-h: 3.125rem;
+}
+
+.theme-mdbook .db-topnav > div {
+  height: 3.125rem;
+}
+
+.theme-mdbook .prose {
+  font-size: 1rem;
+  line-height: 1.45;
+}
+
+.theme-mdbook .prose :where(a) {
+  color: #20609f;
+  text-decoration: none;
+}
+
+.theme-mdbook .prose :where(a):hover {
+  text-decoration: underline;
+}
+
+.theme-mdbook.dark .prose :where(a) {
+  color: #2b79a2;
+}
+
+.theme-mdbook .prose :where(code):not(pre code) {
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: #301900;
+  font-size: 0.875em;
+}
+
+.theme-mdbook.dark .prose :where(code):not(pre code) {
+  color: #c5c8c6;
+}
+
+.theme-mdbook .code-wrap pre.shiki,
+.theme-mdbook .prose :where(pre) {
+  border: 0;
+  border-radius: 0;
+}
+/* midnight-bloom — tweakcn "Midnight Bloom" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-midnight-bloom {
+  --background: #f9f9f9;
+  --foreground: #333333;
+  --card: #ffffff;
+  --card-foreground: #333333;
+  --popover: #ffffff;
+  --popover-foreground: #333333;
+  --primary: #6c5ce7;
+  --primary-foreground: #ffffff;
+  --secondary: #a1c9f2;
+  --secondary-foreground: #333333;
+  --muted: #c9c4b5;
+  --muted-foreground: #6e6e6e;
+  --accent: #8b9467;
+  --accent-foreground: #ffffff;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #d4d4d4;
+  --input: #d4d4d4;
+  --ring: #6c5ce7;
+  --chart-1: #6c5ce7;
+  --chart-2: #8e44ad;
+  --chart-3: #4b0082;
+  --chart-4: #6495ed;
+  --chart-5: #4682b4;
+  --radius: 0.5rem;
+  --sidebar: #f9f9f9;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #6c5ce7;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #8b9467;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #d4d4d4;
+  --sidebar-ring: #6c5ce7;
+  --font-sans: Montserrat, sans-serif;
+  --font-serif: Playfair Display, serif;
+  --font-mono: Source Code Pro, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 10px;
+  --shadow-spread: -2px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 5px;
+}
+
+.theme-midnight-bloom.dark {
+  --background: #1a1d23;
+  --foreground: #e5e5e5;
+  --card: #2f3436;
+  --card-foreground: #e5e5e5;
+  --popover: #2f3436;
+  --popover-foreground: #e5e5e5;
+  --primary: #6c5ce7;
+  --primary-foreground: #ffffff;
+  --secondary: #4b0082;
+  --secondary-foreground: #e5e5e5;
+  --muted: #444444;
+  --muted-foreground: #a3a3a3;
+  --accent: #6495ed;
+  --accent-foreground: #e5e5e5;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #444444;
+  --input: #444444;
+  --ring: #6c5ce7;
+  --chart-1: #6c5ce7;
+  --chart-2: #8e44ad;
+  --chart-3: #4b0082;
+  --chart-4: #6495ed;
+  --chart-5: #4682b4;
+  --radius: 0.5rem;
+  --sidebar: #1a1d23;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #6c5ce7;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #6495ed;
+  --sidebar-accent-foreground: #e5e5e5;
+  --sidebar-border: #444444;
+  --sidebar-ring: #6c5ce7;
+}
+/* mocha-mousse — tweakcn "Mocha Mousse" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-mocha-mousse {
+  --background: #f1f0e5;
+  --foreground: #56453f;
+  --card: #f1f0e5;
+  --card-foreground: #56453f;
+  --popover: #ffffff;
+  --popover-foreground: #56453f;
+  --primary: #a37764;
+  --primary-foreground: #ffffff;
+  --secondary: #baab92;
+  --secondary-foreground: #ffffff;
+  --muted: #e4c7b8;
+  --muted-foreground: #8a655a;
+  --accent: #e4c7b8;
+  --accent-foreground: #56453f;
+  --destructive: #1f1a17;
+  --destructive-foreground: #ffffff;
+  --border: #baab92;
+  --input: #baab92;
+  --ring: #a37764;
+  --chart-1: #a37764;
+  --chart-2: #8a655a;
+  --chart-3: #c39e88;
+  --chart-4: #baab92;
+  --chart-5: #a28777;
+  --sidebar: #ebd6cb;
+  --sidebar-foreground: #56453f;
+  --sidebar-primary: #a37764;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #c39e88;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #a28777;
+  --sidebar-ring: #a37764;
+  --font-sans: DM Sans, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
+  --radius: 0.5rem;
+  --shadow-color: hsl(20 18% 51% / 0.4);
+  --shadow-opacity: 0.11;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-mocha-mousse.dark {
+  --background: #2d2521;
+  --foreground: #f1f0e5;
+  --card: #3c332e;
+  --card-foreground: #f1f0e5;
+  --popover: #3c332e;
+  --popover-foreground: #f1f0e5;
+  --primary: #c39e88;
+  --primary-foreground: #2d2521;
+  --secondary: #8a655a;
+  --secondary-foreground: #f1f0e5;
+  --muted: #56453f;
+  --muted-foreground: #c5aa9b;
+  --accent: #baab92;
+  --accent-foreground: #2d2521;
+  --destructive: #e57373;
+  --destructive-foreground: #2d2521;
+  --border: #56453f;
+  --input: #56453f;
+  --ring: #c39e88;
+  --chart-1: #c39e88;
+  --chart-2: #baab92;
+  --chart-3: #a37764;
+  --chart-4: #8a655a;
+  --chart-5: #a28777;
+  --sidebar: #1f1a17;
+  --sidebar-foreground: #f1f0e5;
+  --sidebar-primary: #c39e88;
+  --sidebar-primary-foreground: #1f1a17;
+  --sidebar-accent: #baab92;
+  --sidebar-accent-foreground: #1f1a17;
+  --sidebar-border: #56453f;
+  --sidebar-ring: #c39e88;
+  --shadow-color: hsl(20 18% 30% / 0.5);
+}
+/* modern-minimal — tweakcn "Modern Minimal" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-modern-minimal {
+  --background: #ffffff;
+  --foreground: #333333;
+  --card: #ffffff;
+  --card-foreground: #333333;
+  --popover: #ffffff;
+  --popover-foreground: #333333;
+  --primary: #3b82f6;
+  --primary-foreground: #ffffff;
+  --secondary: #f3f4f6;
+  --secondary-foreground: #4b5563;
+  --muted: #f9fafb;
+  --muted-foreground: #6b7280;
+  --accent: #e0f2fe;
+  --accent-foreground: #1e3a8a;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #e5e7eb;
+  --input: #e5e7eb;
+  --ring: #3b82f6;
+  --chart-1: #3b82f6;
+  --chart-2: #2563eb;
+  --chart-3: #1d4ed8;
+  --chart-4: #1e40af;
+  --chart-5: #1e3a8a;
+  --radius: 0.375rem;
+  --sidebar: #f9fafb;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #3b82f6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e0f2fe;
+  --sidebar-accent-foreground: #1e3a8a;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #3b82f6;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+}
+
+.theme-modern-minimal.dark {
+  --background: #171717;
+  --foreground: #e5e5e5;
+  --card: #262626;
+  --card-foreground: #e5e5e5;
+  --popover: #262626;
+  --popover-foreground: #e5e5e5;
+  --primary: #3b82f6;
+  --primary-foreground: #ffffff;
+  --secondary: #262626;
+  --secondary-foreground: #e5e5e5;
+  --muted: #1f1f1f;
+  --muted-foreground: #a3a3a3;
+  --accent: #1e3a8a;
+  --accent-foreground: #bfdbfe;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #404040;
+  --input: #404040;
+  --ring: #3b82f6;
+  --chart-1: #60a5fa;
+  --chart-2: #3b82f6;
+  --chart-3: #2563eb;
+  --chart-4: #1d4ed8;
+  --chart-5: #1e40af;
+  --radius: 0.375rem;
+  --sidebar: #171717;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #3b82f6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #1e3a8a;
+  --sidebar-accent-foreground: #bfdbfe;
+  --sidebar-border: #404040;
+  --sidebar-ring: #3b82f6;
+}
+/* mono — tweakcn "Mono" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-mono {
+  --background: #ffffff;
+  --foreground: #0a0a0a;
+  --card: #ffffff;
+  --card-foreground: #0a0a0a;
+  --popover: #ffffff;
+  --popover-foreground: #0a0a0a;
+  --primary: #737373;
+  --primary-foreground: #fafafa;
+  --secondary: #f5f5f5;
+  --secondary-foreground: #171717;
+  --muted: #f5f5f5;
+  --muted-foreground: #717171;
+  --accent: #f5f5f5;
+  --accent-foreground: #171717;
+  --destructive: #e7000b;
+  --destructive-foreground: #f5f5f5;
+  --border: #e5e5e5;
+  --input: #e5e5e5;
+  --ring: #a1a1a1;
+  --chart-1: #737373;
+  --chart-2: #737373;
+  --chart-3: #737373;
+  --chart-4: #737373;
+  --chart-5: #737373;
+  --sidebar: #fafafa;
+  --sidebar-foreground: #0a0a0a;
+  --sidebar-primary: #171717;
+  --sidebar-primary-foreground: #fafafa;
+  --sidebar-accent: #f5f5f5;
+  --sidebar-accent-foreground: #171717;
+  --sidebar-border: #e5e5e5;
+  --sidebar-ring: #a1a1a1;
+  --font-sans: Geist Mono, monospace;
+  --font-serif: Geist Mono, monospace;
+  --font-mono: Geist Mono, monospace;
+  --radius: 0rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+}
+
+.theme-mono.dark {
+  --background: #0a0a0a;
+  --foreground: #fafafa;
+  --card: #191919;
+  --card-foreground: #fafafa;
+  --popover: #262626;
+  --popover-foreground: #fafafa;
+  --primary: #737373;
+  --primary-foreground: #fafafa;
+  --secondary: #262626;
+  --secondary-foreground: #fafafa;
+  --muted: #262626;
+  --muted-foreground: #a1a1a1;
+  --accent: #404040;
+  --accent-foreground: #fafafa;
+  --destructive: #ff6467;
+  --destructive-foreground: #262626;
+  --border: #383838;
+  --input: #525252;
+  --ring: #737373;
+  --chart-1: #737373;
+  --chart-2: #737373;
+  --chart-3: #737373;
+  --chart-4: #737373;
+  --chart-5: #737373;
+  --sidebar: #171717;
+  --sidebar-foreground: #fafafa;
+  --sidebar-primary: #fafafa;
+  --sidebar-primary-foreground: #171717;
+  --sidebar-accent: #262626;
+  --sidebar-accent-foreground: #fafafa;
+  --sidebar-border: #ffffff;
+  --sidebar-ring: #525252;
+}
+/* nature — tweakcn "Nature" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-nature {
+  --background: #f8f5f0;
+  --foreground: #3e2723;
+  --card: #f8f5f0;
+  --card-foreground: #3e2723;
+  --popover: #f8f5f0;
+  --popover-foreground: #3e2723;
+  --primary: #2e7d32;
+  --primary-foreground: #ffffff;
+  --secondary: #e8f5e9;
+  --secondary-foreground: #1b5e20;
+  --muted: #f0e9e0;
+  --muted-foreground: #6d4c41;
+  --accent: #c8e6c9;
+  --accent-foreground: #1b5e20;
+  --destructive: #c62828;
+  --destructive-foreground: #ffffff;
+  --border: #e0d6c9;
+  --input: #e0d6c9;
+  --ring: #2e7d32;
+  --chart-1: #4caf50;
+  --chart-2: #388e3c;
+  --chart-3: #2e7d32;
+  --chart-4: #1b5e20;
+  --chart-5: #0a1f0c;
+  --radius: 0.5rem;
+  --sidebar: #f0e9e0;
+  --sidebar-foreground: #3e2723;
+  --sidebar-primary: #2e7d32;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #c8e6c9;
+  --sidebar-accent-foreground: #1b5e20;
+  --sidebar-border: #e0d6c9;
+  --sidebar-ring: #2e7d32;
+  --font-sans: Montserrat, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: Source Code Pro, monospace;
+}
+
+.theme-nature.dark {
+  --background: #1c2a1f;
+  --foreground: #f0ebe5;
+  --card: #2d3a2e;
+  --card-foreground: #f0ebe5;
+  --popover: #2d3a2e;
+  --popover-foreground: #f0ebe5;
+  --primary: #4caf50;
+  --primary-foreground: #0a1f0c;
+  --secondary: #3e4a3d;
+  --secondary-foreground: #d7e0d6;
+  --muted: #252f26;
+  --muted-foreground: #d7cfc4;
+  --accent: #388e3c;
+  --accent-foreground: #f0ebe5;
+  --destructive: #c62828;
+  --destructive-foreground: #f0ebe5;
+  --border: #3e4a3d;
+  --input: #3e4a3d;
+  --ring: #4caf50;
+  --chart-1: #81c784;
+  --chart-2: #66bb6a;
+  --chart-3: #4caf50;
+  --chart-4: #43a047;
+  --chart-5: #388e3c;
+  --radius: 0.5rem;
+  --sidebar: #1c2a1f;
+  --sidebar-foreground: #f0ebe5;
+  --sidebar-primary: #4caf50;
+  --sidebar-primary-foreground: #0a1f0c;
+  --sidebar-accent: #388e3c;
+  --sidebar-accent-foreground: #f0ebe5;
+  --sidebar-border: #3e4a3d;
+  --sidebar-ring: #4caf50;
+}
+/* neo-brutalism — tweakcn "Neo Brutalism" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-neo-brutalism {
+  --background: #ffffff;
+  --foreground: #000000;
+  --card: #ffffff;
+  --card-foreground: #000000;
+  --popover: #ffffff;
+  --popover-foreground: #000000;
+  --primary: #ff3333;
+  --primary-foreground: #ffffff;
+  --secondary: #ffff00;
+  --secondary-foreground: #000000;
+  --muted: #f0f0f0;
+  --muted-foreground: #333333;
+  --accent: #0066ff;
+  --accent-foreground: #ffffff;
+  --destructive: #000000;
+  --destructive-foreground: #ffffff;
+  --border: #000000;
+  --input: #000000;
+  --ring: #ff3333;
+  --chart-1: #ff3333;
+  --chart-2: #ffff00;
+  --chart-3: #0066ff;
+  --chart-4: #00cc00;
+  --chart-5: #cc00cc;
+  --radius: 0px;
+  --sidebar: #f0f0f0;
+  --sidebar-foreground: #000000;
+  --sidebar-primary: #ff3333;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #0066ff;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #000000;
+  --sidebar-ring: #ff3333;
+  --font-sans: DM Sans, sans-serif;
+  --font-mono: Space Mono, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 1;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 4px;
+  --shadow-offset-y: 4px;
+}
+
+.theme-neo-brutalism.dark {
+  --background: #000000;
+  --foreground: #ffffff;
+  --card: #333333;
+  --card-foreground: #ffffff;
+  --popover: #333333;
+  --popover-foreground: #ffffff;
+  --primary: #ff6666;
+  --primary-foreground: #000000;
+  --secondary: #ffff33;
+  --secondary-foreground: #000000;
+  --muted: #1a1a1a;
+  --muted-foreground: #cccccc;
+  --accent: #3399ff;
+  --accent-foreground: #000000;
+  --destructive: #ffffff;
+  --destructive-foreground: #000000;
+  --border: #ffffff;
+  --input: #ffffff;
+  --ring: #ff6666;
+  --chart-1: #ff6666;
+  --chart-2: #ffff33;
+  --chart-3: #3399ff;
+  --chart-4: #33cc33;
+  --chart-5: #cc33cc;
+  --radius: 0px;
+  --sidebar: #000000;
+  --sidebar-foreground: #ffffff;
+  --sidebar-primary: #ff6666;
+  --sidebar-primary-foreground: #000000;
+  --sidebar-accent: #3399ff;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #ffffff;
+  --sidebar-ring: #ff6666;
+}
+/* northern-lights — tweakcn "Northern Lights" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-northern-lights {
+  --background: #f9f9fa;
+  --foreground: #333333;
+  --card: #ffffff;
+  --card-foreground: #333333;
+  --popover: #ffffff;
+  --popover-foreground: #333333;
+  --primary: #34a85a;
+  --primary-foreground: #ffffff;
+  --secondary: #6495ed;
+  --secondary-foreground: #ffffff;
+  --muted: #ddd9c4;
+  --muted-foreground: #6e6e6e;
+  --accent: #66d9ef;
+  --accent-foreground: #333333;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #d4d4d4;
+  --input: #d4d4d4;
+  --ring: #34a85a;
+  --chart-1: #34a85a;
+  --chart-2: #6495ed;
+  --chart-3: #66d9ef;
+  --chart-4: #4682b4;
+  --chart-5: #1a9641;
+  --radius: 0.5rem;
+  --sidebar: #f9f9fa;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #34a85a;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #66d9ef;
+  --sidebar-accent-foreground: #333333;
+  --sidebar-border: #d4d4d4;
+  --sidebar-ring: #34a85a;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+}
+
+.theme-northern-lights.dark {
+  --background: #1a1d23;
+  --foreground: #e5e5e5;
+  --card: #2f3436;
+  --card-foreground: #e5e5e5;
+  --popover: #2f3436;
+  --popover-foreground: #e5e5e5;
+  --primary: #34a85a;
+  --primary-foreground: #ffffff;
+  --secondary: #4682b4;
+  --secondary-foreground: #e5e5e5;
+  --muted: #444444;
+  --muted-foreground: #a3a3a3;
+  --accent: #6495ed;
+  --accent-foreground: #e5e5e5;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #444444;
+  --input: #444444;
+  --ring: #34a85a;
+  --chart-1: #34a85a;
+  --chart-2: #4682b4;
+  --chart-3: #6495ed;
+  --chart-4: #66d9ef;
+  --chart-5: #1a9641;
+  --radius: 0.5rem;
+  --sidebar: #1a1d23;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #34a85a;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #6495ed;
+  --sidebar-accent-foreground: #e5e5e5;
+  --sidebar-border: #444444;
+  --sidebar-ring: #34a85a;
+}
+/* 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;
+}
+/* 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;
+}
+/* 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);
+}
+/* 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;
+}
+/* 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;
+}
+/* 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);
+}
+/* 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;
+}
+/* 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);
+}
+/* sage-garden — tweakcn "Sage Garden" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-sage-garden {
+  --background: #f8f7f4;
+  --foreground: #1a1f2e;
+  --card: #ffffff;
+  --card-foreground: #1a1f2e;
+  --popover: #ffffff;
+  --popover-foreground: #1a1f2e;
+  --primary: #7c9082;
+  --primary-foreground: #ffffff;
+  --secondary: #ced4bf;
+  --secondary-foreground: #1a1f2e;
+  --muted: #e8e6e1;
+  --muted-foreground: #6b7280;
+  --accent: #bfc9bb;
+  --accent-foreground: #1a1f2e;
+  --destructive: #c73e3a;
+  --destructive-foreground: #ffffff;
+  --border: #e8e6e1;
+  --input: #ffffff;
+  --ring: #7c9082;
+  --chart-1: #7c9082;
+  --chart-2: #a0aa88;
+  --chart-3: #8b9d83;
+  --chart-4: #6b7280;
+  --chart-5: #e8e6e1;
+  --sidebar: #fafaf8;
+  --sidebar-foreground: #1a1f2e;
+  --sidebar-primary: #7c9082;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e8e6e1;
+  --sidebar-accent-foreground: #1a1f2e;
+  --sidebar-border: #e8e6e1;
+  --sidebar-ring: #7c9082;
+  --font-sans: Antic, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Signifier, Georgia, serif;
+  --font-mono: JetBrains Mono, Courier New, monospace;
+  --radius: 0.35rem;
+  --shadow-color: #1a1f2e;
+  --shadow-opacity: 0.04;
+  --shadow-blur: 2px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+  --letter-spacing: 0em;
+  --spacing: 0.23rem;
+}
+
+.theme-sage-garden.dark {
+  --background: #0a0a0a;
+  --foreground: #f5f5f5;
+  --card: #121212;
+  --card-foreground: #f5f5f5;
+  --popover: #121212;
+  --popover-foreground: #f5f5f5;
+  --primary: #7c9082;
+  --primary-foreground: #000000;
+  --secondary: #1a1a1a;
+  --secondary-foreground: #f5f5f5;
+  --muted: #1a1a1a;
+  --muted-foreground: #a0a0a0;
+  --accent: #36443a;
+  --accent-foreground: #f5f5f5;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #2a2a2a;
+  --input: #121212;
+  --ring: #7c9082;
+  --chart-1: #7c9082;
+  --chart-2: #a0aa88;
+  --chart-3: #8b9d83;
+  --chart-4: #6b7280;
+  --chart-5: #5a6b5e;
+  --sidebar: #0f0f0f;
+  --sidebar-foreground: #f5f5f5;
+  --sidebar-primary: #7c9082;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #1a1a1a;
+  --sidebar-accent-foreground: #f5f5f5;
+  --sidebar-border: #2a2a2a;
+  --sidebar-ring: #7c9082;
+  --shadow-color: #000000;
+}
+/* slate — shadcn "slate" base color (neutral scaffold tinted with the Tailwind v4
+   slate scale). Cool blue-gray. Exact Tailwind/shadcn OKLCH values. */
+.theme-slate {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.208 0.04 265.75); /* slate-900 */
+  --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.208 0.04 265.75); /* slate-900 */
+  --primary-foreground: oklch(0.984 0.003 247.86); /* slate-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); /* slate-500 */
+  --accent: oklch(0.968 0.007 247.9);
+  --accent-foreground: oklch(0.208 0.04 265.75);
+  --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.208 0.04 265.75);
+  --sidebar: oklch(0.984 0.003 247.86); /* slate-50 */
+  --sidebar-foreground: oklch(0.208 0.04 265.75);
+  --sidebar-accent: oklch(0.968 0.007 247.9);
+  --sidebar-accent-foreground: oklch(0.208 0.04 265.75);
+  --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-slate.dark {
+  --background: oklch(0.208 0.04 265.75); /* slate-900 */
+  --foreground: oklch(0.984 0.003 247.86); /* slate-50 */
+  --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.984 0.003 247.86); /* slate-50 */
+  --primary-foreground: oklch(0.208 0.04 265.75);
+  --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); /* slate-400 */
+  --accent: oklch(0.279 0.037 260.03);
+  --accent-foreground: oklch(0.984 0.003 247.86);
+  --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.554 0.041 257.42); /* slate-500 */
+  --sidebar: oklch(0.279 0.037 260.03); /* slate-800 */
+  --sidebar-foreground: oklch(0.984 0.003 247.86);
+  --sidebar-accent: oklch(0.372 0.039 257.29); /* slate-700 */
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.86);
+}
+/* soft-pop — tweakcn "Soft Pop" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-soft-pop {
+  --background: #f7f9f3;
+  --foreground: #000000;
+  --card: #ffffff;
+  --card-foreground: #000000;
+  --popover: #ffffff;
+  --popover-foreground: #000000;
+  --primary: #4f46e5;
+  --primary-foreground: #ffffff;
+  --secondary: #14b8a6;
+  --secondary-foreground: #ffffff;
+  --muted: #f0f0f0;
+  --muted-foreground: #333333;
+  --accent: #f59e0b;
+  --accent-foreground: #000000;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #000000;
+  --input: #737373;
+  --ring: #a5b4fc;
+  --chart-1: #4f46e5;
+  --chart-2: #14b8a6;
+  --chart-3: #f59e0b;
+  --chart-4: #ec4899;
+  --chart-5: #22c55e;
+  --sidebar: #f7f9f3;
+  --sidebar-foreground: #000000;
+  --sidebar-primary: #4f46e5;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f59e0b;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #000000;
+  --sidebar-ring: #a5b4fc;
+  --font-sans: DM Sans, sans-serif;
+  --font-serif: DM Sans, sans-serif;
+  --font-mono: Space Mono, monospace;
+  --radius: 1rem;
+  --shadow-color: #1a1a1a;
+  --shadow-opacity: 0.05;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 0px;
+  --letter-spacing: normal;
+  --spacing: 0.25rem;
+}
+
+.theme-soft-pop.dark {
+  --background: #000000;
+  --foreground: #ffffff;
+  --card: #1a212b;
+  --card-foreground: #ffffff;
+  --popover: #1a212b;
+  --popover-foreground: #ffffff;
+  --primary: #818cf8;
+  --primary-foreground: #000000;
+  --secondary: #2dd4bf;
+  --secondary-foreground: #000000;
+  --muted: #333333;
+  --muted-foreground: #cccccc;
+  --accent: #fcd34d;
+  --accent-foreground: #000000;
+  --destructive: #f87171;
+  --destructive-foreground: #000000;
+  --border: #545454;
+  --input: #ffffff;
+  --ring: #818cf8;
+  --chart-1: #818cf8;
+  --chart-2: #2dd4bf;
+  --chart-3: #fcd34d;
+  --chart-4: #f472b6;
+  --chart-5: #4ade80;
+  --sidebar: #000000;
+  --sidebar-foreground: #ffffff;
+  --sidebar-primary: #818cf8;
+  --sidebar-primary-foreground: #000000;
+  --sidebar-accent: #fcd34d;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #ffffff;
+  --sidebar-ring: #818cf8;
+  --font-sans: DM Sans, sans-serif;
+  --font-serif: DM Sans, sans-serif;
+  --font-mono: Space Mono, monospace;
+  --radius: 1rem;
+  --shadow-color: #1a1a1a;
+  --shadow-opacity: 0.05;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 0px;
+  --letter-spacing: normal;
+  --spacing: 0.25rem;
+}
+/* solar-dusk — tweakcn "Solar Dusk" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-solar-dusk {
+  --background: #fdfbf7;
+  --foreground: #4a3b33;
+  --card: #f8f4ee;
+  --card-foreground: #4a3b33;
+  --popover: #f8f4ee;
+  --popover-foreground: #4a3b33;
+  --primary: #b45309;
+  --primary-foreground: #ffffff;
+  --secondary: #e4c090;
+  --secondary-foreground: #57534e;
+  --muted: #f1e9da;
+  --muted-foreground: #78716c;
+  --accent: #f2daba;
+  --accent-foreground: #57534e;
+  --destructive: #991b1b;
+  --destructive-foreground: #ffffff;
+  --border: #e4d9bc;
+  --input: #e4d9bc;
+  --ring: #b45309;
+  --chart-1: #b45309;
+  --chart-2: #78716c;
+  --chart-3: #a16207;
+  --chart-4: #78716c;
+  --chart-5: #ca8a04;
+  --radius: 0.3rem;
+  --sidebar: #f1e9da;
+  --sidebar-foreground: #4a3b33;
+  --sidebar-primary: #b45309;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #a16207;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #e4d9bc;
+  --sidebar-ring: #b45309;
+  --font-sans: Oxanium, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: Fira Code, monospace;
+  --shadow-color: hsl(28 18% 25%);
+  --shadow-opacity: 0.18;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-solar-dusk.dark {
+  --background: #1c1917;
+  --foreground: #f5f5f4;
+  --card: #292524;
+  --card-foreground: #f5f5f4;
+  --popover: #292524;
+  --popover-foreground: #f5f5f4;
+  --primary: #f97316;
+  --primary-foreground: #ffffff;
+  --secondary: #57534e;
+  --secondary-foreground: #e7e5e4;
+  --muted: #201d1a;
+  --muted-foreground: #a8a29e;
+  --accent: #1e4252;
+  --accent-foreground: #e7e5e4;
+  --destructive: #dc2626;
+  --destructive-foreground: #ffffff;
+  --border: #44403c;
+  --input: #44403c;
+  --ring: #f97316;
+  --chart-1: #f97316;
+  --chart-2: #0ea5e9;
+  --chart-3: #eab308;
+  --chart-4: #a8a29e;
+  --chart-5: #78716c;
+  --radius: 0.3rem;
+  --sidebar: #292524;
+  --sidebar-foreground: #f5f5f4;
+  --sidebar-primary: #f97316;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #0ea5e9;
+  --sidebar-accent-foreground: #0c2a4d;
+  --sidebar-border: #44403c;
+  --sidebar-ring: #f97316;
+  --shadow-color: hsl(0 0% 5%);
+}
+/* starry-night — tweakcn "Starry Night" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-starry-night {
+  --background: #f5f7fa;
+  --foreground: #1a2238;
+  --card: #e3eaf2;
+  --card-foreground: #1a2238;
+  --popover: #fffbe6;
+  --popover-foreground: #1a2238;
+  --primary: #3a5ba0;
+  --primary-foreground: #fffbe6;
+  --secondary: #f7c873;
+  --secondary-foreground: #1a2238;
+  --muted: #e5e5df;
+  --muted-foreground: #3a5ba0;
+  --accent: #6ea3c1;
+  --accent-foreground: #fffbe6;
+  --destructive: #2d1e2f;
+  --destructive-foreground: #fffbe6;
+  --border: #b0b8c1;
+  --input: #6ea3c1;
+  --ring: #f7c873;
+  --chart-1: #3a5ba0;
+  --chart-2: #f7c873;
+  --chart-3: #6ea3c1;
+  --chart-4: #b0b8c1;
+  --chart-5: #2d1e2f;
+  --sidebar: #e3eaf2;
+  --sidebar-foreground: #1a2238;
+  --sidebar-primary: #3a5ba0;
+  --sidebar-primary-foreground: #fffbe6;
+  --sidebar-accent: #f7c873;
+  --sidebar-accent-foreground: #1a2238;
+  --sidebar-border: #b0b8c1;
+  --sidebar-ring: #f7c873;
+  --font-sans: Libre Baskerville, serif;
+  --radius: 0.5rem;
+}
+
+.theme-starry-night.dark {
+  --background: #181a24;
+  --foreground: #e6eaf3;
+  --card: #23243a;
+  --card-foreground: #e6eaf3;
+  --popover: #23243a;
+  --popover-foreground: #ffe066;
+  --primary: #3a5ba0;
+  --primary-foreground: #ffe066;
+  --secondary: #ffe066;
+  --secondary-foreground: #23243a;
+  --muted: #1d1e2f;
+  --muted-foreground: #7a88a1;
+  --accent: #bccdf0;
+  --accent-foreground: #181a24;
+  --destructive: #a04a6c;
+  --destructive-foreground: #ffe066;
+  --border: #2d2e3e;
+  --input: #3a5ba0;
+  --ring: #ffe066;
+  --chart-1: #3a5ba0;
+  --chart-2: #ffe066;
+  --chart-3: #6ea3c1;
+  --chart-4: #7a88a1;
+  --chart-5: #a04a6c;
+  --sidebar: #23243a;
+  --sidebar-foreground: #e6eaf3;
+  --sidebar-primary: #3a5ba0;
+  --sidebar-primary-foreground: #ffe066;
+  --sidebar-accent: #ffe066;
+  --sidebar-accent-foreground: #23243a;
+  --sidebar-border: #2d2e3e;
+  --sidebar-ring: #ffe066;
+  --radius: 0.5rem;
+}
+/* sunset-horizon — tweakcn "Sunset Horizon" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-sunset-horizon {
+  --background: #fff9f5;
+  --foreground: #3d3436;
+  --card: #ffffff;
+  --card-foreground: #3d3436;
+  --popover: #ffffff;
+  --popover-foreground: #3d3436;
+  --primary: #ff7e5f;
+  --primary-foreground: #ffffff;
+  --secondary: #ffedea;
+  --secondary-foreground: #b35340;
+  --muted: #fff0eb;
+  --muted-foreground: #78716c;
+  --accent: #feb47b;
+  --accent-foreground: #3d3436;
+  --destructive: #e63946;
+  --destructive-foreground: #ffffff;
+  --border: #ffe0d6;
+  --input: #ffe0d6;
+  --ring: #ff7e5f;
+  --chart-1: #ff7e5f;
+  --chart-2: #feb47b;
+  --chart-3: #ffcaa7;
+  --chart-4: #ffad8f;
+  --chart-5: #ce6a57;
+  --radius: 0.625rem;
+  --sidebar: #fff0eb;
+  --sidebar-foreground: #3d3436;
+  --sidebar-primary: #ff7e5f;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #feb47b;
+  --sidebar-accent-foreground: #3d3436;
+  --sidebar-border: #ffe0d6;
+  --sidebar-ring: #ff7e5f;
+  --font-sans: Montserrat, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: Ubuntu Mono, monospace;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.09;
+  --shadow-blur: 12px;
+  --shadow-spread: -3px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 6px;
+}
+
+.theme-sunset-horizon.dark {
+  --background: #2a2024;
+  --foreground: #f2e9e4;
+  --card: #392f35;
+  --card-foreground: #f2e9e4;
+  --popover: #392f35;
+  --popover-foreground: #f2e9e4;
+  --primary: #ff7e5f;
+  --primary-foreground: #ffffff;
+  --secondary: #463a41;
+  --secondary-foreground: #f2e9e4;
+  --muted: #30272c;
+  --muted-foreground: #d7c6bc;
+  --accent: #feb47b;
+  --accent-foreground: #2a2024;
+  --destructive: #e63946;
+  --destructive-foreground: #ffffff;
+  --border: #463a41;
+  --input: #463a41;
+  --ring: #ff7e5f;
+  --chart-1: #ff7e5f;
+  --chart-2: #feb47b;
+  --chart-3: #ffcaa7;
+  --chart-4: #ffad8f;
+  --chart-5: #ce6a57;
+  --radius: 0.625rem;
+  --sidebar: #2a2024;
+  --sidebar-foreground: #f2e9e4;
+  --sidebar-primary: #ff7e5f;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #feb47b;
+  --sidebar-accent-foreground: #2a2024;
+  --sidebar-border: #463a41;
+  --sidebar-ring: #ff7e5f;
+}
+/* supabase — tweakcn "supabase" preset (updated): emerald/green developer
+   aesthetic. Tokens kept in source hex (consumed via var(); no conversion).
+   Outfit sans falls back to the loaded Inter stack when not installed. */
+.theme-supabase {
+  --card: #fcfcfc;
+  --ring: #72e3ad;
+  --input: #f6f6f6;
+  --muted: #ededed;
+  --accent: #ededed;
+  --border: #dfdfdf;
+  --radius: 0.5rem;
+  --chart-1: #72e3ad;
+  --chart-2: #3b82f6;
+  --chart-3: #8b5cf6;
+  --chart-4: #f59e0b;
+  --chart-5: #10b981;
+  --popover: #fcfcfc;
+  --primary: #72e3ad;
+  --sidebar: #fcfcfc;
+  --font-mono: monospace;
+  --font-sans: Outfit, sans-serif;
+  --secondary: #fdfdfd;
+  --background: #fcfcfc;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --foreground: #171717;
+  --destructive: #ca3214;
+  --shadow-blur: 3px;
+  --shadow-color: #000000;
+  --sidebar-ring: #72e3ad;
+  --shadow-spread: 0px;
+  --letter-spacing: 0.025em;
+  --shadow-opacity: 0.17;
+  --sidebar-accent: #ededed;
+  --sidebar-border: #dfdfdf;
+  --card-foreground: #171717;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+  --sidebar-primary: #72e3ad;
+  --muted-foreground: #202020;
+  --accent-foreground: #202020;
+  --popover-foreground: #525252;
+  --primary-foreground: #1e2723;
+  --sidebar-foreground: #707070;
+  --secondary-foreground: #171717;
+  --destructive-foreground: #fffcfc;
+  --sidebar-accent-foreground: #202020;
+  --sidebar-primary-foreground: #1e2723;
+}
+
+.theme-supabase.dark {
+  --card: #171717;
+  --ring: #4ade80;
+  --input: #242424;
+  --muted: #1f1f1f;
+  --accent: #313131;
+  --border: #292929;
+  --chart-1: #4ade80;
+  --chart-2: #60a5fa;
+  --chart-3: #a78bfa;
+  --chart-4: #fbbf24;
+  --chart-5: #2dd4bf;
+  --popover: #242424;
+  --primary: #006239;
+  --sidebar: #121212;
+  --secondary: #242424;
+  --background: #121212;
+  --foreground: #e2e8f0;
+  --destructive: #541c15;
+  --sidebar-ring: #4ade80;
+  --sidebar-accent: #313131;
+  --sidebar-border: #292929;
+  --card-foreground: #e2e8f0;
+  --sidebar-primary: #006239;
+  --muted-foreground: #a2a2a2;
+  --accent-foreground: #fafafa;
+  --popover-foreground: #a9a9a9;
+  --primary-foreground: #dde8e3;
+  --sidebar-foreground: #898989;
+  --secondary-foreground: #fafafa;
+  --destructive-foreground: #ede9e8;
+  --sidebar-accent-foreground: #fafafa;
+  --sidebar-primary-foreground: #dde8e3;
+}
+/* t3-chat — tweakcn "T3 Chat" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-t3-chat {
+  --background: #faf5fa;
+  --foreground: #501854;
+  --card: #faf5fa;
+  --card-foreground: #501854;
+  --popover: #ffffff;
+  --popover-foreground: #501854;
+  --primary: #a84370;
+  --primary-foreground: #ffffff;
+  --secondary: #f1c4e6;
+  --secondary-foreground: #77347c;
+  --muted: #f6e5f3;
+  --muted-foreground: #834588;
+  --accent: #f1c4e6;
+  --accent-foreground: #77347c;
+  --destructive: #ab4347;
+  --destructive-foreground: #ffffff;
+  --border: #efbdeb;
+  --input: #e7c1dc;
+  --ring: #db2777;
+  --chart-1: #d926a2;
+  --chart-2: #6c12b9;
+  --chart-3: #274754;
+  --chart-4: #e8c468;
+  --chart-5: #f4a462;
+  --sidebar: #f3e4f6;
+  --sidebar-foreground: #ac1668;
+  --sidebar-primary: #454554;
+  --sidebar-primary-foreground: #faf1f7;
+  --sidebar-accent: #f8f8f7;
+  --sidebar-accent-foreground: #454554;
+  --sidebar-border: #eceae9;
+  --sidebar-ring: #db2777;
+  --radius: 0.5rem;
+}
+
+.theme-t3-chat.dark {
+  --background: #221d27;
+  --foreground: #d2c4de;
+  --card: #2c2632;
+  --card-foreground: #dbc5d2;
+  --popover: #100a0e;
+  --popover-foreground: #f8f1f5;
+  --primary: #a3004c;
+  --primary-foreground: #efc0d8;
+  --secondary: #362d3d;
+  --secondary-foreground: #d4c7e1;
+  --muted: #28222d;
+  --muted-foreground: #c2b6cf;
+  --accent: #463753;
+  --accent-foreground: #f8f1f5;
+  --destructive: #301015;
+  --destructive-foreground: #ffffff;
+  --border: #3b3237;
+  --input: #3e343c;
+  --ring: #db2777;
+  --chart-1: #a84370;
+  --chart-2: #934dcb;
+  --chart-3: #e88c30;
+  --chart-4: #af57db;
+  --chart-5: #e23670;
+  --sidebar: #181117;
+  --sidebar-foreground: #e0cad6;
+  --sidebar-primary: #1d4ed8;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #261922;
+  --sidebar-accent-foreground: #f4f4f5;
+  --sidebar-border: #000000;
+  --sidebar-ring: #db2777;
+}
+/* tangerine — tweakcn "Tangerine" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-tangerine {
+  --background: #e8ebed;
+  --foreground: #333333;
+  --card: #ffffff;
+  --card-foreground: #333333;
+  --popover: #ffffff;
+  --popover-foreground: #333333;
+  --primary: #e05d38;
+  --primary-foreground: #ffffff;
+  --secondary: #f3f4f6;
+  --secondary-foreground: #4b5563;
+  --muted: #f9fafb;
+  --muted-foreground: #6b7280;
+  --accent: #d6e4f0;
+  --accent-foreground: #1e3a8a;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #dcdfe2;
+  --input: #f4f5f7;
+  --ring: #e05d38;
+  --chart-1: #86a7c8;
+  --chart-2: #eea591;
+  --chart-3: #5a7ca6;
+  --chart-4: #466494;
+  --chart-5: #334c82;
+  --sidebar: #dddfe2;
+  --sidebar-foreground: #333333;
+  --sidebar-primary: #e05d38;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #d6e4f0;
+  --sidebar-accent-foreground: #1e3a8a;
+  --sidebar-border: #e5e7eb;
+  --sidebar-ring: #e05d38;
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.75rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.1;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+}
+
+.theme-tangerine.dark {
+  --background: #1c2433;
+  --foreground: #e5e5e5;
+  --card: #2a3040;
+  --card-foreground: #e5e5e5;
+  --popover: #262b38;
+  --popover-foreground: #e5e5e5;
+  --primary: #e05d38;
+  --primary-foreground: #ffffff;
+  --secondary: #2a303e;
+  --secondary-foreground: #e5e5e5;
+  --muted: #2a303e;
+  --muted-foreground: #a3a3a3;
+  --accent: #2a3656;
+  --accent-foreground: #bfdbfe;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --border: #3d4354;
+  --input: #3d4354;
+  --ring: #e05d38;
+  --chart-1: #86a7c8;
+  --chart-2: #e6a08f;
+  --chart-3: #5a7ca6;
+  --chart-4: #466494;
+  --chart-5: #334c82;
+  --sidebar: #2a303f;
+  --sidebar-foreground: #e5e5e5;
+  --sidebar-primary: #e05d38;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #2a3656;
+  --sidebar-accent-foreground: #bfdbfe;
+  --sidebar-border: #3d4354;
+  --sidebar-ring: #e05d38;
+}
+/* twitter — tweakcn "Twitter" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-twitter {
+  --background: #ffffff;
+  --foreground: #0f1419;
+  --card: #f7f8f8;
+  --card-foreground: #0f1419;
+  --popover: #ffffff;
+  --popover-foreground: #0f1419;
+  --primary: #1e9df1;
+  --primary-foreground: #ffffff;
+  --secondary: #0f1419;
+  --secondary-foreground: #ffffff;
+  --muted: #e5e5e6;
+  --muted-foreground: #0f1419;
+  --accent: #e3ecf6;
+  --accent-foreground: #1e9df1;
+  --destructive: #f4212e;
+  --destructive-foreground: #ffffff;
+  --border: #e1eaef;
+  --input: #f7f9fa;
+  --ring: #1da1f2;
+  --chart-1: #1e9df1;
+  --chart-2: #00b87a;
+  --chart-3: #f7b928;
+  --chart-4: #17bf63;
+  --chart-5: #e0245e;
+  --sidebar: #f7f8f8;
+  --sidebar-foreground: #0f1419;
+  --sidebar-primary: #1e9df1;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e3ecf6;
+  --sidebar-accent-foreground: #1e9df1;
+  --sidebar-border: #e1e8ed;
+  --sidebar-ring: #1da1f2;
+  --font-sans: Open Sans, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
+  --radius: 1.3rem;
+  --shadow-color: rgba(29, 161, 242, 0.15);
+  --shadow-opacity: 0;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+}
+
+.theme-twitter.dark {
+  --background: #000000;
+  --foreground: #e7e9ea;
+  --card: #17181c;
+  --card-foreground: #d9d9d9;
+  --popover: #000000;
+  --popover-foreground: #e7e9ea;
+  --primary: #1c9cf0;
+  --primary-foreground: #ffffff;
+  --secondary: #f0f3f4;
+  --secondary-foreground: #0f1419;
+  --muted: #181818;
+  --muted-foreground: #72767a;
+  --accent: #061622;
+  --accent-foreground: #1c9cf0;
+  --destructive: #f4212e;
+  --destructive-foreground: #ffffff;
+  --border: #242628;
+  --input: #22303c;
+  --ring: #1da1f2;
+  --chart-1: #1e9df1;
+  --chart-2: #00b87a;
+  --chart-3: #f7b928;
+  --chart-4: #17bf63;
+  --chart-5: #e0245e;
+  --sidebar: #17181c;
+  --sidebar-foreground: #d9d9d9;
+  --sidebar-primary: #1da1f2;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #061622;
+  --sidebar-accent-foreground: #1c9cf0;
+  --sidebar-border: #38444d;
+  --sidebar-ring: #1da1f2;
+  --shadow-color: rgba(29, 161, 242, 0.25);
+}
+/* vercel — tweakcn "vercel" preset: high-contrast neutral (pure black/white)
+   with a warm amber + blue chart accent. Geist fonts fall back to the loaded
+   Inter/JetBrains stacks when not installed. */
+.theme-vercel {
+  --card: oklch(1 0 0);
+  --ring: oklch(0 0 0);
+  --input: oklch(0.94 0 0);
+  --muted: oklch(0.97 0 0);
+  --accent: oklch(0.94 0 0);
+  --border: oklch(0.92 0 0);
+  --radius: 0.5rem;
+  --chart-1: oklch(0.81 0.17 75.35);
+  --chart-2: oklch(0.55 0.22 264.53);
+  --chart-3: oklch(0.72 0 0);
+  --chart-4: oklch(0.92 0 0);
+  --chart-5: oklch(0.56 0 0);
+  --popover: oklch(0.99 0 0);
+  --primary: oklch(0 0 0);
+  --sidebar: oklch(0.99 0 0);
+  --font-mono: Geist Mono, monospace;
+  --font-sans: Geist, sans-serif;
+  --secondary: oklch(0.94 0 0);
+  --background: oklch(0.99 0 0);
+  --font-serif: Georgia, serif;
+  --foreground: oklch(0 0 0);
+  --destructive: oklch(0.63 0.19 23.03);
+  --shadow-blur: 2px;
+  --shadow-color: hsl(0 0% 0%);
+  --sidebar-ring: oklch(0 0 0);
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.18;
+  --sidebar-accent: oklch(0.94 0 0);
+  --sidebar-border: oklch(0.94 0 0);
+  --card-foreground: oklch(0 0 0);
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 1px;
+  --sidebar-primary: oklch(0 0 0);
+  --muted-foreground: oklch(0.44 0 0);
+  --accent-foreground: oklch(0 0 0);
+  --popover-foreground: oklch(0 0 0);
+  --primary-foreground: oklch(1 0 0);
+  --sidebar-foreground: oklch(0 0 0);
+  --secondary-foreground: oklch(0 0 0);
+  --destructive-foreground: oklch(1 0 0);
+  --sidebar-accent-foreground: oklch(0 0 0);
+  --sidebar-primary-foreground: oklch(1 0 0);
+}
+
+.theme-vercel.dark {
+  --card: oklch(0.14 0 0);
+  --ring: oklch(0.72 0 0);
+  --input: oklch(0.32 0 0);
+  --muted: oklch(0.23 0 0);
+  --accent: oklch(0.32 0 0);
+  --border: oklch(0.26 0 0);
+  --chart-1: oklch(0.81 0.17 75.35);
+  --chart-2: oklch(0.58 0.21 260.84);
+  --chart-3: oklch(0.56 0 0);
+  --chart-4: oklch(0.44 0 0);
+  --chart-5: oklch(0.92 0 0);
+  --popover: oklch(0.18 0 0);
+  --primary: oklch(1 0 0);
+  --sidebar: oklch(0.18 0 0);
+  --font-mono: Geist Mono, monospace;
+  --font-sans: Geist, sans-serif;
+  --secondary: oklch(0.25 0 0);
+  --background: oklch(0 0 0);
+  --font-serif: Georgia, serif;
+  --foreground: oklch(1 0 0);
+  --destructive: oklch(0.69 0.2 23.91);
+  --sidebar-ring: oklch(0.72 0 0);
+  --sidebar-accent: oklch(0.32 0 0);
+  --sidebar-border: oklch(0.32 0 0);
+  --card-foreground: oklch(1 0 0);
+  --sidebar-primary: oklch(1 0 0);
+  --muted-foreground: oklch(0.72 0 0);
+  --accent-foreground: oklch(1 0 0);
+  --popover-foreground: oklch(1 0 0);
+  --primary-foreground: oklch(0 0 0);
+  --sidebar-foreground: oklch(1 0 0);
+  --secondary-foreground: oklch(1 0 0);
+  --destructive-foreground: oklch(0 0 0);
+  --sidebar-accent-foreground: oklch(1 0 0);
+  --sidebar-primary-foreground: oklch(0 0 0);
+}
+/* vintage-paper — tweakcn "Vintage Paper" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-vintage-paper {
+  --background: #f5f1e6;
+  --foreground: #4a3f35;
+  --card: #fffcf5;
+  --card-foreground: #4a3f35;
+  --popover: #fffcf5;
+  --popover-foreground: #4a3f35;
+  --primary: #a67c52;
+  --primary-foreground: #ffffff;
+  --secondary: #e2d8c3;
+  --secondary-foreground: #5c4d3f;
+  --muted: #ece5d8;
+  --muted-foreground: #7d6b56;
+  --accent: #d4c8aa;
+  --accent-foreground: #4a3f35;
+  --destructive: #b54a35;
+  --destructive-foreground: #ffffff;
+  --border: #dbd0ba;
+  --input: #dbd0ba;
+  --ring: #a67c52;
+  --chart-1: #a67c52;
+  --chart-2: #8d6e4c;
+  --chart-3: #735a3a;
+  --chart-4: #b3906f;
+  --chart-5: #c0a080;
+  --radius: 0.25rem;
+  --sidebar: #ece5d8;
+  --sidebar-foreground: #4a3f35;
+  --sidebar-primary: #a67c52;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #d4c8aa;
+  --sidebar-accent-foreground: #4a3f35;
+  --sidebar-border: #dbd0ba;
+  --sidebar-ring: #a67c52;
+  --font-sans: Libre Baskerville, serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --shadow-color: hsl(28 13% 20%);
+  --shadow-opacity: 0.12;
+  --shadow-blur: 5px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 2px;
+  --shadow-offset-y: 3px;
+}
+
+.theme-vintage-paper.dark {
+  --background: #2d2621;
+  --foreground: #ece5d8;
+  --card: #3a322c;
+  --card-foreground: #ece5d8;
+  --popover: #3a322c;
+  --popover-foreground: #ece5d8;
+  --primary: #c0a080;
+  --primary-foreground: #2d2621;
+  --secondary: #4a4039;
+  --secondary-foreground: #ece5d8;
+  --muted: #312b26;
+  --muted-foreground: #c5bcac;
+  --accent: #59493e;
+  --accent-foreground: #ece5d8;
+  --destructive: #b54a35;
+  --destructive-foreground: #ffffff;
+  --border: #4a4039;
+  --input: #4a4039;
+  --ring: #c0a080;
+  --chart-1: #c0a080;
+  --chart-2: #b3906f;
+  --chart-3: #a67c52;
+  --chart-4: #8d6e4c;
+  --chart-5: #735a3a;
+  --radius: 0.25rem;
+  --sidebar: #2d2621;
+  --sidebar-foreground: #ece5d8;
+  --sidebar-primary: #c0a080;
+  --sidebar-primary-foreground: #2d2621;
+  --sidebar-accent: #59493e;
+  --sidebar-accent-foreground: #ece5d8;
+  --sidebar-border: #4a4039;
+  --sidebar-ring: #c0a080;
+}
+/* violet-bloom — tweakcn "Violet Bloom" preset. Auto-generated from tweakcn defaultPresets;
+   tokens kept verbatim (consumed via var()). */
+.theme-violet-bloom {
+  --background: #fdfdfd;
+  --foreground: #000000;
+  --card: #fdfdfd;
+  --card-foreground: #000000;
+  --popover: #fcfcfc;
+  --popover-foreground: #000000;
+  --primary: #7033ff;
+  --primary-foreground: #ffffff;
+  --secondary: #edf0f4;
+  --secondary-foreground: #080808;
+  --muted: #f5f5f5;
+  --muted-foreground: #525252;
+  --accent: #e2ebff;
+  --accent-foreground: #1e69dc;
+  --destructive: #e54b4f;
+  --destructive-foreground: #ffffff;
+  --border: #e7e7ee;
+  --input: #ebebeb;
+  --ring: #000000;
+  --chart-1: #4ac885;
+  --chart-2: #7033ff;
+  --chart-3: #fd822b;
+  --chart-4: #3276e4;
+  --chart-5: #747474;
+  --sidebar: #f5f8fb;
+  --sidebar-foreground: #000000;
+  --sidebar-primary: #000000;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #ebebeb;
+  --sidebar-accent-foreground: #000000;
+  --sidebar-border: #ebebeb;
+  --sidebar-ring: #000000;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --radius: 1.4rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.16;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: -0.025em;
+  --spacing: 0.27rem;
+}
+
+.theme-violet-bloom.dark {
+  --background: #1a1b1e;
+  --foreground: #f0f0f0;
+  --card: #222327;
+  --card-foreground: #f0f0f0;
+  --popover: #222327;
+  --popover-foreground: #f0f0f0;
+  --primary: #8c5cff;
+  --primary-foreground: #ffffff;
+  --secondary: #2a2c33;
+  --secondary-foreground: #f0f0f0;
+  --muted: #2a2c33;
+  --muted-foreground: #a0a0a0;
+  --accent: #1e293b;
+  --accent-foreground: #79c0ff;
+  --destructive: #f87171;
+  --destructive-foreground: #ffffff;
+  --border: #33353a;
+  --input: #33353a;
+  --ring: #8c5cff;
+  --chart-1: #4ade80;
+  --chart-2: #8c5cff;
+  --chart-3: #fca5a5;
+  --chart-4: #5993f4;
+  --chart-5: #a0a0a0;
+  --sidebar: #161618;
+  --sidebar-foreground: #f0f0f0;
+  --sidebar-primary: #8c5cff;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #2a2c33;
+  --sidebar-accent-foreground: #8c5cff;
+  --sidebar-border: #33353a;
+  --sidebar-ring: #8c5cff;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
+  --radius: 1.4rem;
+  --shadow-color: hsl(0 0% 0%);
+  --shadow-opacity: 0.16;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-offset-x: 0px;
+  --shadow-offset-y: 2px;
+  --letter-spacing: -0.025em;
+  --spacing: 0.27rem;
+}
+/* vitepress — VitePress default theme (as at cloudvoyant.github.io/codevoyant).
+   Exact `--vp-c-*` mapping: indigo brand (#3451b2 light / #a8b1ff dark), white/
+   #1b1b1f backgrounds, cool-slate text, Inter throughout. Serif headings: NO. */
+.theme-vitepress {
+  --background: oklch(1 0 0); /* #ffffff */
+  --foreground: oklch(0.31 0.012 268); /* #3c3c43 text-1 */
+  --card: oklch(0.972 0.001 260); /* soft bg-soft #f6f6f7 so cards read as panels */
+  --card-foreground: oklch(0.31 0.012 268);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.31 0.012 268);
+  --primary: oklch(0.45 0.16 268); /* indigo #3451b2 */
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.972 0.001 260); /* bg-alt #f6f6f7 */
+  --secondary-foreground: oklch(0.31 0.012 268);
+  --muted: oklch(0.972 0.001 260);
+  --muted-foreground: oklch(0.49 0.006 268); /* text-2 #67676c */
+  --accent: oklch(0.972 0.001 260);
+  --accent-foreground: oklch(0.45 0.16 268);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.9 0.002 268); /* subtle divider #e2e2e3 (borders read soft/hidden) */
+  --input: oklch(0.9 0.002 268);
+  --ring: oklch(0.45 0.16 268);
+  --sidebar: oklch(0.972 0.001 260); /* bg-alt */
+  --sidebar-foreground: oklch(0.31 0.012 268);
+  --sidebar-accent: oklch(0.94 0.01 268);
+  --sidebar-accent-foreground: oklch(0.45 0.16 268);
+  --radius: 0.5rem;
+  --font-sans:
+    'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    sans-serif;
+  --font-serif: Georgia, Cambria, 'Times New Roman', serif;
+  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+}
+
+.theme-vitepress.dark {
+  --background: oklch(0.2 0.005 286); /* #1b1b1f */
+  --foreground: oklch(0.89 0.008 95); /* #dfdfd6 text-1 (warm off-white) */
+  --card: oklch(0.24 0.005 286); /* bg-elv #202127 */
+  --card-foreground: oklch(0.89 0.008 95);
+  --popover: oklch(0.24 0.005 286);
+  --popover-foreground: oklch(0.89 0.008 95);
+  --primary: oklch(0.77 0.11 285); /* brand #a8b1ff */
+  --primary-foreground: oklch(0.2 0.005 286);
+  --secondary: oklch(0.19 0.004 286); /* bg-alt #161618 */
+  --secondary-foreground: oklch(0.89 0.008 95);
+  --muted: oklch(0.24 0.005 286);
+  --muted-foreground: oklch(0.66 0.006 286); /* text-2 #98989f */
+  --accent: oklch(0.24 0.005 286);
+  --accent-foreground: oklch(0.77 0.11 285);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.35 0.005 286); /* border #3c3f44 */
+  --input: oklch(0.31 0.004 286); /* divider #2e2e32 */
+  --ring: oklch(0.77 0.11 285);
+  --sidebar: oklch(0.19 0.004 286); /* bg-alt */
+  --sidebar-foreground: oklch(0.89 0.008 95);
+  --sidebar-accent: oklch(0.24 0.005 286);
+  --sidebar-accent-foreground: oklch(0.77 0.11 285);
+}
+/* vortex-ui — brand theme based on anyscale: white surface, saturated logo-purple
+   primary/accent (deepest logo purple #0700f3), cool slate text. Dark mode
+   carries a subtle purple tinge in the surface tones. */
+.theme-vortex-ui {
+  --radius: 0.5rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.22 0.02 270);
+  --muted: oklch(0.93 0.008 278);
+  --muted-foreground: oklch(0.5 0.03 275);
+  --popover: oklch(0.985 0.006 280);
+  --popover-foreground: oklch(0.22 0.02 270);
+  --card: oklch(0.985 0.006 280);
+  --card-foreground: oklch(0.22 0.02 270);
+  --border: oklch(0.92 0.014 276);
+  --input: oklch(0.92 0.014 276);
+  --primary: oklch(0.5 0.3 265);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.92 0.01 278);
+  --secondary-foreground: oklch(0.42 0.05 274);
+  --accent: oklch(0.9 0.035 274);
+  --accent-foreground: oklch(0.42 0.29 264);
+  --destructive: oklch(0.63 0.256 29.629);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.5 0.3 265);
+  --chart-1: oklch(0.5 0.3 265);
+  --chart-2: oklch(0.92 0.01 278);
+  --chart-3: oklch(0.9 0.035 274);
+  --chart-4: oklch(0.94 0.008 276.055);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.985 0.006 280);
+  --sidebar-foreground: oklch(0.22 0.02 270);
+  --sidebar-primary: oklch(0.5 0.3 265);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.9 0.035 274);
+  --sidebar-accent-foreground: oklch(0.42 0.29 264);
+  --sidebar-border: oklch(0.92 0.014 276);
+  --sidebar-ring: oklch(0.5 0.3 265);
+  /* Match code-block backgrounds to the surface tone instead of the gray fallback. */
+  --shiki-light-bg: oklch(0.985 0.006 280);
+  --shiki-dark-bg: oklch(0.24 0.055 274);
+  /* Un-shadowed aliases used by the code-block override (Astro's Shiki inline
+     vars set on the element would otherwise win). */
+  --vortex-ui-shiki-light-bg: oklch(0.985 0.006 280);
+  --vortex-ui-shiki-dark-bg: oklch(0.24 0.055 274);
+}
+
+.theme-vortex-ui.dark {
+  --radius: 0.5rem;
+  --background: oklch(0.18 0.054 270.4);
+  --foreground: oklch(0.955 0.02 278);
+  --muted: oklch(0.25 0.05 271);
+  --muted-foreground: oklch(0.74 0.045 275);
+  --popover: oklch(0.21 0.05 270.4);
+  --popover-foreground: oklch(0.955 0.02 278);
+  --card: oklch(0.21 0.05 270.4);
+  --card-foreground: oklch(0.955 0.02 278);
+  --border: oklch(0.31 0.065 272);
+  --input: oklch(0.31 0.065 272);
+  --primary: oklch(0.68 0.27 270);
+  --primary-foreground: oklch(1 0 180);
+  --secondary: oklch(0.25 0.045 271);
+  --secondary-foreground: oklch(0.84 0.05 275);
+  --accent: oklch(0.28 0.07 277);
+  --accent-foreground: oklch(0.9 0.06 274);
+  --destructive: oklch(0.62 0.232 29.041);
+  --destructive-foreground: oklch(1 0 180);
+  --ring: oklch(0.68 0.27 270);
+  --chart-1: oklch(0.68 0.27 270);
+  --chart-2: oklch(0.25 0.045 271);
+  --chart-3: oklch(0.28 0.07 277);
+  --chart-4: oklch(0.217 0.013 275.322);
+  --chart-5: oklch(0.565 0.244 267.612);
+  --sidebar: oklch(0.21 0.05 270.4);
+  --sidebar-foreground: oklch(0.955 0.02 278);
+  --sidebar-primary: oklch(0.68 0.27 270);
+  --sidebar-primary-foreground: oklch(1 0 180);
+  --sidebar-accent: oklch(0.28 0.07 277);
+  --sidebar-accent-foreground: oklch(0.9 0.06 274);
+  --sidebar-border: oklch(0.31 0.065 272);
+  --sidebar-ring: oklch(0.68 0.27 270);
+  /* Match code-block backgrounds to the surface tone instead of the gray fallback. */
+  --shiki-dark-bg: oklch(0.24 0.055 274);
+  --shiki-light-bg: oklch(0.98 0.012 280);
+  /* Un-shadowed aliases used by the code-block override (Astro's Shiki inline
+     vars set on the element would otherwise win). */
+  --vortex-ui-shiki-dark-bg: oklch(0.24 0.055 274);
+  --vortex-ui-shiki-light-bg: oklch(0.985 0.006 280);
+}