diff --git a/tailwind.config.js b/tailwind.config.js
index f983855..7c715f4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,12 +18,7 @@ module.exports = {
         hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
       },
       colors: {
-        primary: {
-          DEFAULT: '#0B197D', // Use SCSS primary color for text
-          dark: '#1C2B00',
-          light: '#4E5E32',
-          'brand-blue': '#0B197D',
-        },
+        primary: 'var(--color-primary)',
         yellow: '#F5AE07',
         'light-green': '#F4F6EC',
         brand: '#6B8E23', // Added brand color for hover states from SCSS