style: root style index.css에 위치

Author: CisThard

src/index.css

@@ -5,6 +5,23 @@
   font-style: normal;
 }
 
+:root {
+  --primary-color-50: #E6F2FF;
+  --primary-color-100: #3692FF;
+  --primary-color-200: #1967D6;
+  --primary-color-300: #1251AA;
+  --error-color: #F74747;
+  --secondary-color-gray900: #111827;
+  --secondary-color-gray800: #1F2937;
+  --secondary-color-gray700: #374151;
+  --secondary-color-gray600: #4B5563;
+  --secondary-color-gray500: #6B7280;
+  --secondary-color-gray400: #9CA3AF;
+  --secondary-color-gray200: #E5E7EB;
+  --secondary-color-gray100: #F3F4F6;
+  --secondary-color-gray50: #F9FAFB;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

src/styles/Footer.css

@@ -1,21 +1,3 @@
-:root {
-    --primary-color-50: #E6F2FF;
-    --primary-color-100: #3692FF;
-    --primary-color-200: #1967D6;
-    --primary-color-300: #1251AA;
-    --error-color: #F74747;
-    --secondary-color-gray900: #111827;
-    --secondary-color-gray800: #1F2937;
-    --secondary-color-gray700: #374151;
-    --secondary-color-gray600: #4B5563;
-    --secondary-color-gray500: #6B7280;
-    --secondary-color-gray400: #9CA3AF;
-    --secondary-color-gray200: #E5E7EB;
-    --secondary-color-gray100: #F3F4F6;
-    --secondary-color-gray50: #F9FAFB;
-}
-
-
 .footer_container {
     margin: 0;
     padding: 0;

src/styles/NavBar.css

@@ -1,21 +1,3 @@
-:root {
-    --primary-color-50: #E6F2FF;
-    --primary-color-100: #3692FF;
-    --primary-color-200: #1967D6;
-    --primary-color-300: #1251AA;
-    --error-color: #F74747;
-    --secondary-color-gray900: #111827;
-    --secondary-color-gray800: #1F2937;
-    --secondary-color-gray700: #374151;
-    --secondary-color-gray600: #4B5563;
-    --secondary-color-gray500: #6B7280;
-    --secondary-color-gray400: #9CA3AF;
-    --secondary-color-gray200: #E5E7EB;
-    --secondary-color-gray100: #F3F4F6;
-    --secondary-color-gray50: #F9FAFB;
-}
-
-
 nav {
     background-color: white;
     color: black;