diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b895526..9af57a3 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f5f4ef;
-  --card: #331a52;
-  --foreground: #000000;
-  --primary-cta: #000000;
-  --secondary-cta: #ffffff;
-  --accent: #800080;
-  --background-accent: #800080; */
+  --card: rgba(51, 26, 82, 0.7);
+  --foreground: #ffffff;
+  --primary-cta: rgba(0, 0, 0, 0.8);
+  --secondary-cta: rgba(255, 255, 255, 0.8);
+  --accent: rgba(128, 0, 128, 0.8);
+  --background-accent: rgba(128, 0, 128, 0.8); */
 
-  --background: #000000;
-  --card: #331a52;
-  --foreground: #000000;
-  --primary-cta: #000000;
-  --secondary-cta: #ffffff;
-  --accent: #800080;
-  --background-accent: #800080;
+  --background: rgba(0, 0, 0, 0.5);
+  --card: rgba(51, 26, 82, 0.7);
+  --foreground: #ffffff;
+  --primary-cta: rgba(0, 0, 0, 0.8);
+  --secondary-cta: rgba(255, 255, 255, 0.8);
+  --accent: rgba(128, 0, 128, 0.8);
+  --background-accent: rgba(128, 0, 128, 0.8);
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);