diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 22329e3..8de5d08 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1,8 +1,12 @@
 @import 'tailwindcss';
 
-.btn-primary {
-  @apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20;
+@theme {
+  --color-deep-blue: #0f212e;
+  --color-deep-blue-light: #1a2c38;
+  --color-deep-blue-contrast: #1b2c3b;
+  --color-light-blue: #1475e1;
 }
-.btn-secondary {
-  @apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-white/10 text-white hover:bg-white/20;
+
+body {
+  @apply bg-deep-blue text-gray-100;
 }