diff --git a/bun.lockb b/bun.lockb
index 908f40d..2e55c69 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 3d051a3..b799400 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "eslint": "^8.45.0",
     "lost": "^9.0.2",
     "postcss": "^8.4.31",
+    "postcss-advanced-variables": "^3.0.1",
     "postcss-color-mod-function": "^3.0.3",
     "postcss-custom-properties": "^13.3.3",
     "postcss-import": "^15.1.0",
diff --git a/postcss.config.js b/postcss.config.js
index 51c1d76..fd1b2ba 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -2,6 +2,7 @@
 export default {
   syntax: "postcss-scss",
   plugins: {
+    "postcss-advanced-variables": {},
     "postcss-custom-properties": {},
     "postcss-import": {},
     "postcss-preset-env": {
diff --git a/src/styles.css b/src/styles.css
index 7f6ede2..678847b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -38,6 +38,7 @@ body {
 
 body,
 #root {
+  background-color: var(--palette-bright-blue-5);
   @util size(100vw, 100vh);
   overflow: hidden;
   user-select: none;