diff --git a/src/styles/base.css b/src/styles/base.css
index d424052..562878a 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -7,17 +7,17 @@
 @layer base {
   :root,
   html[data-theme="light"] {
-    --color-fill: 251, 236, 236; /*#FBECEC --bg-color2*/
+    --color-fill: 251, 236, 236; /*#FBECEC --bg-color1*/
     --color-text-base: 67, 67, 67; /*#434343 --color1*/
     --color-accent: 83, 70, 79; /*#53464F --color2*/
     --color-card: 249, 168, 212; /*#F9A8D4 --accent*/
-    --color-card-muted: 249, 249, 249; /*#F9F9F9 --bg-color1*/
+    --color-card-muted: 249, 249, 249; /*#F9F9F9 --bg-color2*/
     --color-border: 101, 85, 97; /*#655561 --color3*/
   }
   html[data-theme="dark"] {
     --color-fill: 67, 67, 67; /*#434343 bg-color1*/
-    --color-text-base: 231, 221, 223; /*#E7D3D5 --color2*/
-    --color-accent: 249, 249, 249; /*#F9F9F9 --color1*/
+    --color-text-base: 231, 221, 223; /*#E7D3D5 --color1*/
+    --color-accent: 249, 249, 249; /*#F9F9F9 --color2*/
     --color-card: 249, 168, 212; /*#F9A8D4 --accent */
     --color-card-muted: 149 102 102; /*#956666;--bg-color2 */
     --color-border: 212, 192, 197; /*#d4c0c5 --color3*/