diff --git a/frontend/src/components/react/admin/Editor.tsx b/frontend/src/components/react/admin/Editor.tsx
index affb04c..5dfa750 100644
--- a/frontend/src/components/react/admin/Editor.tsx
+++ b/frontend/src/components/react/admin/Editor.tsx
@@ -448,7 +448,7 @@ export default function Editor({ editSlug }: Props) {
                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
               </button>
             </header>
-            <div className="p-4 md:p-6 overflow-y-auto flex-1 bg-base/50">
+            <div className="p-4 md:p-6 overflow-y-auto flex-1 bg-bg/50">
               <AssetManager mode="select" onSelect={handleAssetSelect} />
             </div>
           </div>
diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro
index 746cba6..82db0af 100644
--- a/frontend/src/layouts/Layout.astro
+++ b/frontend/src/layouts/Layout.astro
@@ -66,9 +66,9 @@ const fullTitle = `${title} | ${siteConfig.title}`;
         </script>
         <slot name="head" />
     </head>
-    <body class="bg-base text-text selection:bg-surface2 selection:text-text">
+    <body class="bg-bg text-text selection:bg-surface2 selection:text-text">
         <!-- Static Mesh Gradient Background -->
-        <div class="fixed inset-0 z-[-1] overflow-hidden bg-base pointer-events-none">
+        <div class="fixed inset-0 z-[-1] overflow-hidden bg-bg pointer-events-none">
             <div class="absolute top-[-10%] left-[-10%] w-[55%] h-[45%] rounded-full bg-mauve/10 blur-[110px] opacity-60"></div>
             <div class="absolute bottom-[-10%] right-[-10%] w-[55%] h-[55%] rounded-full bg-blue/10 blur-[110px] opacity-50"></div>
             <div class="absolute top-[30%] right-[10%] w-[35%] h-[35%] rounded-full bg-teal/8 blur-[90px] opacity-40"></div>
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index d048774..61b24c3 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -8,7 +8,7 @@
 @theme {
   --color-crust: var(--crust);
   --color-mantle: var(--mantle);
-  --color-base: var(--base);
+  --color-bg: var(--base);
   --color-surface0: var(--surface0);
   --color-surface1: var(--surface1);
   --color-surface2: var(--surface2);
