diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index 72135f9..8d6f6f2 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -18,7 +18,12 @@ module.exports = {
         code: colors.emerald,
         gray: colors.zinc,
         theme: {
-          primary: 'rgb(var(--color-primary) / <alpha-value>)'
+          primary: 'rgb(var(--color-primary) / <alpha-value>)',
+          secondary: 'rgb(var(--color-secondary) / <alpha-value>)',
+          heading: 'rgb(var(--color-text-heading) / <alpha-value>)',
+          base: 'rgb(var(--color-text-base) / <alpha-value>)',
+          muted: 'rgb(var(--color-text-muted) / <alpha-value>)',
+          background: 'rgb(var(--color-background) / <alpha-value>)'
         } 
       }
     },