diff --git a/website/src/styles/globals.css b/website/src/styles/globals.css
index 91449c8..dcd1a23 100644
--- a/website/src/styles/globals.css
+++ b/website/src/styles/globals.css
@@ -37,40 +37,44 @@
     --sidebar-accent-foreground: oklch(0.871 0.006 286.286);
     --sidebar-border: oklch(0.92 0.004 286.32);
     --sidebar-ring: oklch(0.871 0.006 286.286);
-}
-@variant dark {
-    --background: oklch(0.21 0.006 285.885);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.21 0.006 285.885);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.21 0.006 285.885);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.985 0 0);
-    --primary-foreground: oklch(0.21 0.006 285.885);
-    --secondary: oklch(0.274 0.006 286.033);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.274 0.006 286.033);
-    --muted-foreground: oklch(0.705 0.015 286.067);
-    --accent: oklch(0.274 0.006 286.033);
-    --accent-foreground: oklch(0.985 0 0);
-    --destructive: oklch(0.637 0.237 25.331);
-    --destructive-foreground: oklch(0.637 0.237 25.331);
-    --border: oklch(0.274 0.006 286.033);
-    --input: oklch(0.274 0.006 286.033);
-    --ring: oklch(0.442 0.017 285.786);
-    --chart-1: oklch(0.488 0.243 264.376);
-    --chart-2: oklch(0.696 0.17 162.48);
-    --chart-3: oklch(0.769 0.188 70.08);
-    --chart-4: oklch(0.627 0.265 303.9);
-    --chart-5: oklch(0.645 0.246 16.439);
-    --sidebar: #000;
-    --sidebar-foreground: oklch(0.871 0.006 286.286);
-    --sidebar-primary: oklch(0.37 0.013 285.805);
-    --sidebar-primary-foreground: oklch(0.871 0.006 286.286);
-    --sidebar-accent: oklch(0.274 0.006 286.033);
-    --sidebar-accent-foreground: oklch(0.871 0.006 286.286);
-    --sidebar-border: oklch(0.274 0.006 286.033);
-    --sidebar-ring: oklch(0.442 0.017 285.786);
+
+    /* Dark mode overrides — @variant dark inside :root compiles to
+       :root:where(.dark, .dark *), following whatever strategy is
+       configured in @custom-variant dark above */
+    @variant dark {
+        --background: oklch(0.21 0.006 285.885);
+        --foreground: oklch(0.985 0 0);
+        --card: oklch(0.21 0.006 285.885);
+        --card-foreground: oklch(0.985 0 0);
+        --popover: oklch(0.21 0.006 285.885);
+        --popover-foreground: oklch(0.985 0 0);
+        --primary: oklch(0.985 0 0);
+        --primary-foreground: oklch(0.21 0.006 285.885);
+        --secondary: oklch(0.274 0.006 286.033);
+        --secondary-foreground: oklch(0.985 0 0);
+        --muted: oklch(0.274 0.006 286.033);
+        --muted-foreground: oklch(0.705 0.015 286.067);
+        --accent: oklch(0.274 0.006 286.033);
+        --accent-foreground: oklch(0.985 0 0);
+        --destructive: oklch(0.637 0.237 25.331);
+        --destructive-foreground: oklch(0.637 0.237 25.331);
+        --border: oklch(0.274 0.006 286.033);
+        --input: oklch(0.274 0.006 286.033);
+        --ring: oklch(0.442 0.017 285.786);
+        --chart-1: oklch(0.488 0.243 264.376);
+        --chart-2: oklch(0.696 0.17 162.48);
+        --chart-3: oklch(0.769 0.188 70.08);
+        --chart-4: oklch(0.627 0.265 303.9);
+        --chart-5: oklch(0.645 0.246 16.439);
+        --sidebar: #000;
+        --sidebar-foreground: oklch(0.871 0.006 286.286);
+        --sidebar-primary: oklch(0.37 0.013 285.805);
+        --sidebar-primary-foreground: oklch(0.871 0.006 286.286);
+        --sidebar-accent: oklch(0.274 0.006 286.033);
+        --sidebar-accent-foreground: oklch(0.871 0.006 286.286);
+        --sidebar-border: oklch(0.274 0.006 286.033);
+        --sidebar-ring: oklch(0.442 0.017 285.786);
+    }
 }
 
 @theme inline {