cooolor

assets/css/abstracts/color.css

@@ -2,28 +2,28 @@
 :root[data-color-pref='light'] {
   /* Primary color */
   --color-1: 200 100% 35%;
-  --color-1-light: 210 68% 90%;
-  --color-1-dark: 210 100% 11%;
+  --color-1-light: 200 100% 88%;
+  --color-1-dark: 210 100% 18%;
 
   /* Secondary color */
   --color-2: 34 100% 32%;
-  --color-2-light: 34 46% 88%;
-  --color-2-dark: 18 100% 0.2%;
+  --color-2-light: 34 100% 88%;
+  --color-2-dark: 34 100% 18%;
 
   /* Tertiary color */
   --color-3: 310 31% 46%;
-  --color-3-light: 310 30% 84%;
-  --color-3-dark: 310 52% 6%;
+  --color-3-light: 310 100% 88%;
+  --color-3-dark: 310 100% 18%;
 
   /* Quarternary color */
   --color-4: 140 55% 34%;
-  --color-4-light: 130 26% 87%;
-  --color-4-dark: 130 83% 4%;
+  --color-4-light: 140 100% 88%;
+  --color-4-dark: 140 100% 18%;
 
   /* Quinary */
   --color-5: 71 84% 26%;
-  --color-5-light: 78 25% 86%;
-  --color-5-dark: 73 95% 5.9%;
+  --color-5-light: 71 100% 88%;
+  --color-5-dark: 71 100% 18%;
 
   /* Surface */
   --surface: 200 8% 99%;
@@ -49,28 +49,28 @@
 
   /* Primary color */
   --color-1: 200 100% 65%;
-  --color-1-light: 200 100% 91%;
+  --color-1-light: 200 100% 90%;
   --color-1-dark: 200 64% 17%;
 
   /* Secondary color */
   --color-2: 25 92% 67%;
-  --color-2-light: ;
-  --color-2-dark: ;
+  --color-2-light: 25 92% 90%;
+  --color-2-dark: 25 92% 17%;
 
   /* Tertiary color */
   --color-3: 300 62% 75%;
-  --color-3-light: ;
-  --color-3-dark: ;
+  --color-3-light: 300 62% 90%;
+  --color-3-dark: 300 62% 17%;
 
   /* Quarternary color */
   --color-4: 120 44% 65%;
-  --color-4-light: ;
-  --color-4-dark: ;
+  --color-4-light: 120 44% 90%;
+  --color-4-dark: 120 44% 17%;
 
   /* Quinary */
   --color-5: 66 46% 54%;
-  --color-5-light: ;
-  --color-5-dark: ;
+  --color-5-light: 66 46% 90%;
+  --color-5-dark: 66 46% 17%;
 
   /* Element */
   --element: 200 7% 99%;