diff --git a/src/styles/globals.css b/src/styles/globals.css
index f5b483b..2d3a7f1 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
+@custom-variant dark (&:is(.dark *));
+
 :root {
   --background: oklch(0.9551 0 0);
   --foreground: oklch(0.3211 0 0);