1 files changed, 76 insertions, 34 deletions

diff --git a/src/_config.scss b/src/_config.scss
index be01a69..3cffbfd 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -25,6 +25,34 @@ res.$named-viewports: media.$breakpoints;
 
 $palette-precision: 5 !default;
 
+$static-colors: (
+    --base: hsl(0, 0%, 97%),
+
+    --contrasts: (
+        --100:  -1.08,
+        --200:  -1.20,
+        --300:  -1.33,
+        --400:  -1.58,
+        --500:  -1.92,
+        --600:  -2.39,
+        --700:  -3.01,
+        --800:  -3.87,
+        --900:  -5.07,
+        --1000: -6.72,
+        --1100: -8.84,
+        --1200: -11.31,
+        --1300: -13.94,
+    ),
+
+    --palettes: (
+        --blue:   blend.lch(48% 50 279),
+        --purple: blend.lch(48% 50 308),
+        --red:    blend.lch(48% 50 23),
+        --green:  blend.lch(63% 50 147),
+        --yellow: blend.lch(68% 50 80),
+    ),
+) !default;
+
 $theme-light: (
     --contrasts: (
         --grays: (
@@ -74,23 +102,30 @@ $theme-light: (
         --yellow: blend.lch(68% 50 80)  --colors --muted,
     ),
 
-    --semantic-colors: (
-        --accent:         --blue,
-        --focus:          --yellow-static,
-
-        --bg-l2:          --base --50,
-        --bg-l1:          --base --100,
-        --bg-base:        --base --200,
-
-        --border-mute:    --base --200,
-        --border:         --base --300,
-        --border-strong:  --base --400,
-
-        --text-disabled:  --base --500,
-        --text-mute-more: --base --600,
-        --text-mute:      --base --700,
-        --text:           --base --800,
-        --heading:        --base --900,
+    --semantic: (
+        --accent:          --blue,
+        --positive:        --green,
+        --negative:        --red,
+        --warning:         --yellow,
+
+        --accent-static:   --blue-static,
+        --positive-static: --green-static,
+        --negative-static: --red-static,
+        --warning-static:  --yellow-static,
+
+        --bg-l2:           --base --50,
+        --bg-l1:           --base --100,
+        --bg-base:         --base --200,
+ 
+        --border-mute:     --base --200,
+        --border:          --base --300,
+        --border-strong:   --base --400,
+ 
+        --text-disabled:   --base --500,
+        --text-mute-more:  --base --600,
+        --text-mute:       --base --700,
+        --text:            --base --800,
+        --heading:         --base --900,
     ),
 ) !default;
 
@@ -143,23 +178,30 @@ $theme-dark: (
         --yellow: blend.lch(68% 50 80)  --colors --muted,
     ),
 
-    --semantic-colors: (
-        --accent:         --blue,
-        --focus:          --yellow-static,
-
-        --bg-base:        --base --50,
-        --bg-l1:          --base --75,
-        --bg-l2:          --base --100,
-
-        --border-mute:    --base --200,
-        --border:         --base --300,
-        --border-strong:  --base --400,
-
-        --text-disabled:  --base --500,
-        --text-mute-more: --base --600,
-        --text-mute:      --base --700,
-        --text:           --base --800,
-        --heading:        --base --900,
+    --semantic: (
+        --accent:          --blue,
+        --positive:        --green,
+        --negative:        --red,
+        --warning:         --yellow,
+
+        --accent-static:   --blue-static,
+        --positive-static: --green-static,
+        --negative-static: --red-static,
+        --warning-static:  --yellow-static,
+
+        --bg-base:         --base --50,
+        --bg-l1:           --base --75,
+        --bg-l2:           --base --100,
+ 
+        --border-mute:     --base --200,
+        --border:          --base --300,
+        --border-strong:   --base --400,
+ 
+        --text-disabled:   --base --500,
+        --text-mute-more:  --base --600,
+        --text-mute:       --base --700,
+        --text:            --base --800,
+        --heading:         --base --900,
     ),
 ) !default;