diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 0aa9417..d41b735 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -23,11 +23,7 @@
   min-height: 100%;
 }
 
-*,
 :root {
   --accent: #54AACE;
-}
-
-.bg-accent {
-  background-color: var(--accent);
+  --primary: #414141;
 }
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 36611b4..3133b55 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -35,8 +35,20 @@ module.exports = {
       },
       colors: ({ colors }) => ({
         gray: colors.neutral,
-        accent: "rgb(var(--accent))"
+        accent: "var(--accent)"
       }),
+      backgroundColor: {
+        accent: "var(--accent)"
+      },
+      textColor: {
+        primary: "var(--primary)"
+      },
+      borderColor: {
+        accent: "var(--accent)"
+      },
+      ring: {
+        accent: "var(--accent)"
+      },
       fontFamily: {
         sans: ['Inter', ...defaultTheme.fontFamily.sans],
       },