feat: add color global variables

global-styles.css

@@ -1,41 +1,50 @@
-* {
-  font-family: "Spoqa Han Sans Neo", "Noto Sans KR", sans-serif;
-}
+:root {
+  --primary-purple: #846de9;
+  --turquoise: #24eaca;
+  --bg-purple-100: #fdfdff;
+  --bg-purple-200: #fbfaff;
+  --bg-purple-300: #eee8fe;
+  --text-purple-900: #160b46;
 
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
+  * {
+    font-family: "Spoqa Han Sans Neo", "Noto Sans KR", sans-serif;
+  }
 
-a {
-  text-decoration: none;
-  color: inherit;
-  background: none;
-  border: none;
-  font: inherit;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-}
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
 
-a:visited {
-  color: inherit;
-}
+  a {
+    text-decoration: none;
+    color: inherit;
+    background: none;
+    border: none;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+  }
 
-a:hover {
-  color: inherit;
-  text-decoration: none;
-}
+  a:visited {
+    color: inherit;
+  }
 
-a:active {
-  color: inherit;
-}
+  a:hover {
+    color: inherit;
+    text-decoration: none;
+  }
 
-a:focus {
-  outline: none;
-}
+  a:active {
+    color: inherit;
+  }
+
+  a:focus {
+    outline: none;
+  }
 
-html {
-  scroll-behavior: smooth;
+  html {
+    scroll-behavior: smooth;
+  }
 }