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

package/src/themes/tangerine.css

@@ -0,0 +1,81 @@
+/* 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;
+}

package/src/themes/twitter.css

@@ -0,0 +1,82 @@
+/* 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);
+}

package/src/themes/vercel.css

@@ -0,0 +1,85 @@
+/* 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);
+}

package/src/themes/vintage-paper.css

@@ -0,0 +1,82 @@
+/* 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;
+}

package/src/themes/violet-bloom.css

@@ -0,0 +1,95 @@
+/* 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;
+}

package/src/themes/vitepress.css

@@ -0,0 +1,60 @@
+/* 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);
+}

package/src/themes/vortex-ui.css

@@ -0,0 +1,88 @@
+/* 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);
+}