diff --git a/src/globals.css b/src/globals.css
index d6dc750..494b42f 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -24,6 +24,7 @@ body {
   --footer-height: 70px;
 
   --bg-primary: #000000;
+  --bg-secondary: oklch(27.4% 0.006 286.033);
 
   --text-primary: #ffffff;
 
@@ -45,6 +46,7 @@ body {
 
 .light-mode {
   --bg-primary: #e0e0e0;
+  --bg-secondary: oklch(96.7% 0.001 286.375);
 
   --text-primary: #111111;
 
@@ -64,6 +66,10 @@ body {
   background: var(--bg-primary);
 }
 
+.bg-secondary {
+  background: var(--bg-secondary);
+}
+
 .text-primary {
   color: var(--text-primary);
 }
@@ -80,6 +86,10 @@ body {
   border-color: var(--muted-color);
 }
 
+.transition-fast {
+  transition: all var(--transition-fast);
+}
+
 /* =========================
    TRANSITIONS
 ========================= */