Refactor code structure for improved readability and maintainability

src/app/globals.css

@@ -69,30 +69,36 @@
   --gray-300: #81848A;
   --gray-400: #777;
   --gray-500: #222;
+  --white: #FFFFFF;
+  --black: #000000;
+  --transparent: transparent;
+}
 
-  .dark{
-    --primary: #FA003F;
-    --secondary: #7C3AED;
-    --textColorLight: #FA003F;
-    --textColorGray: #FA003F;
-    --bgPrimary: #FA003F;
-    --gray-100: #EBEBEB;
-    --gray-200: #F5F5F5;
-    --gray-300: #81848A;
-    --gray-400: #777;
-    --gray-500: #222;
-  }
+.dark{
+  --primary: #FA003F;
+  --secondary: #7C3AED;
+  --textColorLight: #FA003F;
+  --textColorGray: #FA003F;
+  --bgPrimary: #FA003F;
+  --gray-100: #EBEBEB;
+  --gray-200: #F5F5F5;
+  --gray-300: #81848A;
+  --gray-400: #777;
+  --gray-500: #222;
 }
 
 @theme inline {
-  --color-primary: var(--primary-default);
-  --color-secondary: var(--secondary-default);
-  --color-text-light: var(--textColorLight-default);
-  --color-text-gray: var(--textColorGray-default);
-  --color-bg-primary: var(--bgPrimary-default);
+  --color-primary: var(--primary);
+  --color-secondary: var(--secondary);
+  --color-text-light: var(--textColorLight);
+  --color-text-gray: var(--textColorGray);
+  --color-bg-primary: var(--bgPrimary);
   --color-gray-100: var(--gray-100);
   --color-gray-200: var(--gray-200);
   --color-gray-300: var(--gray-300);
   --color-gray-400: var(--gray-400);
   --color-gray-500: var(--gray-500);
+  --color-white: var(--white);
+  --color-black: var(--black);
+  --color-transparent: var(--transparent);
 }