diff --git a/tailwind.config.js b/tailwind.config.js
index c55da51..8f3dabe 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,6 +14,7 @@ module.exports = {
       },
       colors: {
         'text': {
+          DEFAULT: 'var(--text)',
           50: 'var(--text-50)',
           100: 'var(--text-100)',
           200: 'var(--text-200)',
@@ -27,6 +28,7 @@ module.exports = {
           950: 'var(--text-950)',
         },
         'background': {
+          DEFAULT: 'var(--background)',
           50: 'var(--background-50)',
           100: 'var(--background-100)',
           200: 'var(--background-200)',
@@ -40,6 +42,7 @@ module.exports = {
           950: 'var(--background-950)',
         },
         'primary': {
+          DEFAULT: 'var(--primary)',
           50: 'var(--primary-50)',
           100: 'var(--primary-100)',
           200: 'var(--primary-200)',
@@ -53,6 +56,7 @@ module.exports = {
           950: 'var(--primary-950)',
         },
         'secondary': {
+          DEFAULT: 'var(--secondary)',
           50: 'var(--secondary-50)',
           100: 'var(--secondary-100)',
           200: 'var(--secondary-200)',
@@ -66,6 +70,7 @@ module.exports = {
           950: 'var(--secondary-950)',
         },
         'accent': {
+          DEFAULT: 'var(--accent)',
           50: 'var(--accent-50)',
           100: 'var(--accent-100)',
           200: 'var(--accent-200)',