diff --git a/src/styles/style.css b/src/styles/style.css
index 957037d..43592b6 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -23,7 +23,7 @@
     --background: 0 0% 100%;
     --foreground: 222 47% 11%;
     --card: 0 0% 100%;
-        --card-foreground: 222 47% 11%;
+    --card-foreground: 222 47% 11%;
         --popover: 0 0% 100%;
         --popover-foreground: 222 47% 11%;
         --muted: 220 14% 96%;
@@ -436,7 +436,7 @@
 /* Light: start from current background and mix toward black */
 :root {
     --bg-tint: 4%;
-        --background: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
+    --background-default: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
     --background-50: color-mix(in hsl, hsl(var(--background)) 99%, black 1%);
     --background-100: color-mix(in hsl, hsl(var(--background)) 97%, black 3%);
     --background-200: color-mix(in hsl, hsl(var(--background)) 94%, black 6%);
@@ -451,7 +451,7 @@
 
 /* Dark: start from current background and mix toward white */
 :root.dark {
-    --background: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
+    --background-default: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
     --background-50: color-mix(in hsl, hsl(var(--background)) 24%, white 76%);
     --background-100: color-mix(in hsl, hsl(var(--background)) 36%, white 64%);
     --background-200: color-mix(in hsl, hsl(var(--background)) 48%, white 52%);