diff --git a/src/app/globals.css b/src/app/globals.css
index 559d27b..6e25d21 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,5 +1,8 @@
 @import "tailwindcss";
-@config "../../tailwind.config.js";
+@custom-variant dark (&:where(.dark, .dark *));
+@source "../../shared";
+@source "../../src";
+
 @import './tlyq-design-system.css' layer(base);
 
 @layer base {
@@ -8,10 +11,6 @@
     color: var(--fg);
     background-color: var(--bg);
   }
-  html.dark body {
-    background-color: var(--bg);
-    color: var(--fg);
-  }
 }
 
 @layer components {
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 511163e..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: 'class',
-  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
-  theme: { extend: {} },
-  plugins: [],
-}