WIP: New color calculations

1 files changed, 33 insertions, 29 deletions

diff --git a/src/_config.scss b/src/_config.scss
index 3cffbfd..950ff3b 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -23,7 +23,7 @@ media.$unit-intervals: (
 
 res.$named-viewports: media.$breakpoints;
 
-$palette-precision: 5 !default;
+$palette-precision: 0.01 !default;
 
 $static-colors: (
     --base: hsl(0, 0%, 97%),
@@ -56,29 +56,29 @@ $static-colors: (
 $theme-light: (
     --contrasts: (
         --grays: (
-            --50:  1.1,
-            --75:  1.04,
-            --100: 1,
+            --50:  -10,
+            --75:  -5,
+            --100: 0,
         
-            --200: -1.15,
-            --300: -1.35,
-            --400: -1.7,
+            --200: 13.2375,
+            --300: 26.475,
+            --400: 39.7125,
         
-            --500: -2.4,
-            --600: -3.3,
-            --700: -6,
-            --800: -13,
-            --900: -20,
+            --500: 52.95,
+            --600: 66.1875,
+            --700: 79.425,
+            --800: 92.6625,
+            --900: 105.9,
         ),
 
         --colors: (
-            --100:  -1.08,
-            --200:  -1.20,
-            --300:  -1.33,
-            --400:  -1.58,
-            --500:  -1.92,
-            --600:  -2.39,
-            --700:  -3.01,
+            --100:  -1.18,
+            --200:  -1.30,
+            --300:  -1.43,
+            --400:  -1.68,
+            --500:  -2.00,
+            --600:  -2.45,
+            --700:  -3.04,
             --800:  -3.87,
             --900:  -5.07,
             --1000: -6.72,
@@ -90,7 +90,7 @@ $theme-light: (
 
     --ranges: (
         --full:  1,
-        --muted: 0.8,
+        --muted: .2,
     ),
 
     --palettes: (
@@ -104,15 +104,17 @@ $theme-light: (
 
     --semantic: (
         --accent:          --blue,
-        --positive:        --green,
-        --negative:        --red,
-        --warning:         --yellow,
-
         --accent-static:   --blue-static,
+        --positive:        --green,
         --positive-static: --green-static,
+        --negative:        --red,
         --negative-static: --red-static,
+        --warning:         --yellow,
         --warning-static:  --yellow-static,
 
+        --focus:           --yellow,
+        --focus-static:    --yellow-static,
+
         --bg-l2:           --base --50,
         --bg-l1:           --base --100,
         --bg-base:         --base --200,
@@ -166,7 +168,7 @@ $theme-dark: (
 
     --ranges: (
         --full:  1,
-        --muted: 0.8,
+        --muted: .2,
     ),
 
     --palettes: (
@@ -180,15 +182,17 @@ $theme-dark: (
 
     --semantic: (
         --accent:          --blue,
-        --positive:        --green,
-        --negative:        --red,
-        --warning:         --yellow,
-
         --accent-static:   --blue-static,
+        --positive:        --green,
         --positive-static: --green-static,
+        --negative:        --red,
         --negative-static: --red-static,
+        --warning:         --yellow,
         --warning-static:  --yellow-static,
 
+        --focus:           --yellow,
+        --focus-static:    --yellow-static,
+
         --bg-base:         --base --50,
         --bg-l1:           --base --75,
         --bg-l2:           --base --100,