1 files changed, 63 insertions, 75 deletions
diff --git a/src/_config.defaults.scss b/src/_config.defaults.scss
index 60f0c34..f2dd420 100644
--- a/src/_config.defaults.scss
+++ b/src/_config.defaults.scss
@@ -3,12 +3,10 @@
 @use 'sass:math';
 @use 'iro-sass/src/easing' as easing;
-$palette-chroma-easing: 'ease';
 $static-colors: (
    --base: hsl(0, 0%, 98%),
-    --contrasts: (
+    --levels: (
        --100:  math.div(0, 12) * 110 - 10,
        --200:  math.div(1, 12) * 110 - 10,
        --300:  math.div(2, 12) * 110 - 10,
@@ -79,52 +77,47 @@ $semantic-colors-common: (
 );
 $theme-light: (
-    --contrasts: (
+    --levels: (
        --grays: (
-            --50:  -8,
+            --50:  (-8) (.2 + .8 * easing.ease(math.div(0, 12))),
-            --75:  -4,
+            --75:  (-4) (.2 + .8 * easing.ease(math.div(1, 12))),
-            --100: 0,
+            --100: (0) (.2 + .8 * easing.ease(math.div(2, 12))),
        
-            --200: easing.cubic-bezier(.2, .1, .9, .9, math.div(1, 7)) * 98,
+            --200: (easing.cubic-bezier(.2, .1, .9, .9, math.div(1, 7)) * 98) (.2 + .8 * easing.ease(math.div(3, 12))),
-            --300: easing.cubic-bezier(.2, .1, .9, .9, math.div(2, 7)) * 98,
+            --300: (easing.cubic-bezier(.2, .1, .9, .9, math.div(2, 7)) * 98) (.2 + .8 * easing.ease(math.div(4, 12))),
-            --400: easing.cubic-bezier(.2, .1, .9, .9, math.div(3, 7)) * 98,
+            --400: (easing.cubic-bezier(.2, .1, .9, .9, math.div(3, 7)) * 98) (.2 + .8 * easing.ease(math.div(5, 12))),
        
-            --500: easing.cubic-bezier(.2, .1, .9, .9, math.div(4, 7)) * 98,
+            --500: (easing.cubic-bezier(.2, .1, .9, .9, math.div(4, 7)) * 98) (.2 + .8 * easing.ease(math.div(6, 12))),
-            --600: easing.cubic-bezier(.2, .1, .9, .9, math.div(5, 7)) * 98,
+            --600: (easing.cubic-bezier(.2, .1, .9, .9, math.div(5, 7)) * 98) (.2 + .8 * easing.ease(math.div(7, 12))),
-            --700: easing.cubic-bezier(.2, .1, .9, .9, math.div(6, 7)) * 98,
+            --700: (easing.cubic-bezier(.2, .1, .9, .9, math.div(6, 7)) * 98) (.2 + .8 * easing.ease(math.div(8, 12))),
-            --800: easing.cubic-bezier(.2, .1, .9, .9, math.div(7, 7)) * 98,
+            --800: (easing.cubic-bezier(.2, .1, .9, .9, math.div(7, 7)) * 98) (.2 + .8 * easing.ease(math.div(9, 12))),
-            --900: 106,
+            --900: (106) (.2 + .8 * easing.ease(math.div(10, 12))),
        ),
        --colors: (
-            --100:  math.div(0, 12) * 96 + 5,
+            --100:  (math.div(0, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(0, 12))),
-            --200:  math.div(1, 12) * 96 + 5,
+            --200:  (math.div(1, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(1, 12))),
-            --300:  math.div(2, 12) * 96 + 5,
+            --300:  (math.div(2, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(2, 12))),
-            --400:  math.div(3, 12) * 96 + 5,
+            --400:  (math.div(3, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(3, 12))),
-            --500:  math.div(4, 12) * 96 + 5,
+            --500:  (math.div(4, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(4, 12))),
-            --600:  math.div(5, 12) * 96 + 5,
+            --600:  (math.div(5, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(5, 12))),
-            --700:  math.div(6, 12) * 96 + 5,
+            --700:  (math.div(6, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(6, 12))),
-            --800:  math.div(7, 12) * 96 + 5,
+            --800:  (math.div(7, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(7, 12))),
-            --900:  math.div(8, 12) * 96 + 5,
+            --900:  (math.div(8, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(8, 12))),
-            --1000: math.div(9, 12) * 96 + 5,
+            --1000: (math.div(9, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(9, 12))),
-            --1100: math.div(10, 12) * 96 + 5,
+            --1100: (math.div(10, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(10, 12))),
-            --1200: math.div(11, 12) * 96 + 5,
+            --1200: (math.div(11, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(11, 12))),
-            --1300: math.div(12, 12) * 96 + 5,
+            --1300: (math.div(12, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(12, 12))),
        ),
    ),
-    --ranges: (
-        --full:  .3,
-        --muted: .1,
-    ),
    
    --palettes: (
-        --base:  hsl(260, 90%, 98%)       --grays --full,
+        --base:   hsl(260, 70%, 98%)    --grays,
-        --blue:   oklch(56% .16 275.25) --colors --muted,
+        --blue:   oklch(56% .16 275.25) --colors,
-        --purple: oklch(56% .16 305.58) --colors --muted,
+        --purple: oklch(56% .16 305.58) --colors,
-        --red:    oklch(56% .16 14.69)  --colors --muted,
+        --red:    oklch(56% .16 14.69)  --colors,
-        --green:  oklch(56% .16 150.48) --colors --muted,
+        --green:  oklch(56% .16 150.48) --colors,
-        --yellow: oklch(56% .16 84.08)  --colors --muted,
+        --yellow: oklch(56% .16 84.08)  --colors,
    ),
    --semantic: map.merge($semantic-colors-common, (
@@ -139,52 +132,47 @@ $theme-light: (
 );
 $theme-dark: (
-    --contrasts: (
+    --levels: (
        --grays: (
-            --50:  4.4,
+            --50:  (4.4) (.3 + .7 * easing.ease(math.div(10, 12))),
-            --75:  2.2,
+            --75:  (2.2) (.3 + .7 * easing.ease(math.div(9, 12))),
-            --100: 0,
+            --100: (0) (.3 + .7 * easing.ease(math.div(8, 12))),
        
-            --200: easing.cubic-bezier(.3, .1, .8, .8, math.div(1, 8)) * -108,
+            --200: (easing.cubic-bezier(.3, .1, .8, .8, math.div(1, 8)) * -108) (.3 + .7 * easing.ease(math.div(7, 12))),
-            --300: easing.cubic-bezier(.3, .1, .8, .8, math.div(2, 8)) * -108,
+            --300: (easing.cubic-bezier(.3, .1, .8, .8, math.div(2, 8)) * -108) (.3 + .7 * easing.ease(math.div(6, 12))),
-            --400: easing.cubic-bezier(.3, .1, .8, .8, math.div(3, 8)) * -108,
+            --400: (easing.cubic-bezier(.3, .1, .8, .8, math.div(3, 8)) * -108) (.3 + .7 * easing.ease(math.div(5, 12))),
        
-            --500: easing.cubic-bezier(.3, .1, .8, .8, math.div(4, 8)) * -108,
+            --500: (easing.cubic-bezier(.3, .1, .8, .8, math.div(4, 8)) * -108) (.3 + .7 * easing.ease(math.div(4, 12))),
-            --600: easing.cubic-bezier(.3, .1, .8, .8, math.div(5, 8)) * -108,
+            --600: (easing.cubic-bezier(.3, .1, .8, .8, math.div(5, 8)) * -108) (.3 + .7 * easing.ease(math.div(3, 12))),
-            --700: easing.cubic-bezier(.3, .1, .8, .8, math.div(6, 8)) * -108,
+            --700: (easing.cubic-bezier(.3, .1, .8, .8, math.div(6, 8)) * -108) (.3 + .7 * easing.ease(math.div(2, 12))),
-            --800: easing.cubic-bezier(.3, .1, .8, .8, math.div(7, 8)) * -108,
+            --800: (easing.cubic-bezier(.3, .1, .8, .8, math.div(7, 8)) * -108) (.3 + .7 * easing.ease(math.div(1, 12))),
-            --900: easing.cubic-bezier(.3, .1, .8, .8, math.div(8, 8)) * -108,
+            --900: (easing.cubic-bezier(.3, .1, .8, .8, math.div(8, 8)) * -108) (.3 + .7 * easing.ease(math.div(0, 12))),
        ),
        --colors: (
-            --100:  math.div(0, 12) * -100 - 5,
+            --100:  (math.div(0, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(0, 12))),
-            --200:  math.div(1, 12) * -100 - 5,
+            --200:  (math.div(1, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(1, 12))),
-            --300:  math.div(2, 12) * -100 - 5,
+            --300:  (math.div(2, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(2, 12))),
-            --400:  math.div(3, 12) * -100 - 5,
+            --400:  (math.div(3, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(3, 12))),
-            --500:  math.div(4, 12) * -100 - 5,
+            --500:  (math.div(4, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(4, 12))),
-            --600:  math.div(5, 12) * -100 - 5,
+            --600:  (math.div(5, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(5, 12))),
-            --700:  math.div(6, 12) * -100 - 5,
+            --700:  (math.div(6, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(6, 12))),
-            --800:  math.div(7, 12) * -100 - 5,
+            --800:  (math.div(7, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(7, 12))),
-            --900:  math.div(8, 12) * -100 - 5,
+            --900:  (math.div(8, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(8, 12))),
-            --1000: math.div(9, 12) * -100 - 5,
+            --1000: (math.div(9, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(9, 12))),
-            --1100: math.div(10, 12) * -100 - 5,
+            --1100: (math.div(10, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(10, 12))),
-            --1200: math.div(11, 12) * -100 - 5,
+            --1200: (math.div(11, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(11, 12))),
-            --1300: math.div(12, 12) * -100 - 5,
+            --1300: (math.div(12, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(12, 12))),
        ),
    ),
-    --ranges: (
-        --full:  1,
-        --muted: .3,
-    ),
    
    --palettes: (
-        --base:  hsl(257, 7%, 19%)       --grays --full,
+        --base:   hsl(257, 7%, 19%)     --grays,
-        --blue:   oklch(56% .16 275.25) --colors --muted,
+        --blue:   oklch(56% .16 275.25) --colors,
-        --purple: oklch(56% .16 305.58) --colors --muted,
+        --purple: oklch(56% .16 305.58) --colors,
-        --red:    oklch(56% .16 14.69)  --colors --muted,
+        --red:    oklch(56% .16 14.69)  --colors,
-        --green:  oklch(56% .16 150.48) --colors --muted,
+        --green:  oklch(56% .16 150.48) --colors,
-        --yellow: oklch(56% .16 84.08)  --colors --muted,
+        --yellow: oklch(56% .16 84.08)  --colors,
    ),
    --semantic: map.merge($semantic-colors-common, (

diff --git a/src/_config.defaults.scss b/src/_config.defaults.scss index 60f0c34..f2dd420 100644 --- a/src/_config.defaults.scss +++ b/src/_config.defaults.scss
@@ -3,12 +3,10 @@
3	@use 'sass:math';	3	@use 'sass:math';
4	@use 'iro-sass/src/easing' as easing;	4	@use 'iro-sass/src/easing' as easing;
5		5
6	$palette-chroma-easing: 'ease';
7
8	$static-colors: (	6	$static-colors: (
9	--base: hsl(0, 0%, 98%),	7	--base: hsl(0, 0%, 98%),
10		8
11	--contrasts: (	9	--levels: (
12	--100: math.div(0, 12) * 110 - 10,	10	--100: math.div(0, 12) * 110 - 10,
13	--200: math.div(1, 12) * 110 - 10,	11	--200: math.div(1, 12) * 110 - 10,
14	--300: math.div(2, 12) * 110 - 10,	12	--300: math.div(2, 12) * 110 - 10,
@@ -79,52 +77,47 @@ $semantic-colors-common: (
79	);	77	);
80		78
81	$theme-light: (	79	$theme-light: (
82	--contrasts: (	80	--levels: (
83	--grays: (	81	--grays: (
84	--50: -8,	82	--50: (-8) (.2 + .8 * easing.ease(math.div(0, 12))),
85	--75: -4,	83	--75: (-4) (.2 + .8 * easing.ease(math.div(1, 12))),
86	--100: 0,	84	--100: (0) (.2 + .8 * easing.ease(math.div(2, 12))),
87		85
88	--200: easing.cubic-bezier(.2, .1, .9, .9, math.div(1, 7)) * 98,	86	--200: (easing.cubic-bezier(.2, .1, .9, .9, math.div(1, 7)) * 98) (.2 + .8 * easing.ease(math.div(3, 12))),
89	--300: easing.cubic-bezier(.2, .1, .9, .9, math.div(2, 7)) * 98,	87	--300: (easing.cubic-bezier(.2, .1, .9, .9, math.div(2, 7)) * 98) (.2 + .8 * easing.ease(math.div(4, 12))),
90	--400: easing.cubic-bezier(.2, .1, .9, .9, math.div(3, 7)) * 98,	88	--400: (easing.cubic-bezier(.2, .1, .9, .9, math.div(3, 7)) * 98) (.2 + .8 * easing.ease(math.div(5, 12))),
91		89
92	--500: easing.cubic-bezier(.2, .1, .9, .9, math.div(4, 7)) * 98,	90	--500: (easing.cubic-bezier(.2, .1, .9, .9, math.div(4, 7)) * 98) (.2 + .8 * easing.ease(math.div(6, 12))),
93	--600: easing.cubic-bezier(.2, .1, .9, .9, math.div(5, 7)) * 98,	91	--600: (easing.cubic-bezier(.2, .1, .9, .9, math.div(5, 7)) * 98) (.2 + .8 * easing.ease(math.div(7, 12))),
94	--700: easing.cubic-bezier(.2, .1, .9, .9, math.div(6, 7)) * 98,	92	--700: (easing.cubic-bezier(.2, .1, .9, .9, math.div(6, 7)) * 98) (.2 + .8 * easing.ease(math.div(8, 12))),
95	--800: easing.cubic-bezier(.2, .1, .9, .9, math.div(7, 7)) * 98,	93	--800: (easing.cubic-bezier(.2, .1, .9, .9, math.div(7, 7)) * 98) (.2 + .8 * easing.ease(math.div(9, 12))),
96	--900: 106,	94	--900: (106) (.2 + .8 * easing.ease(math.div(10, 12))),
97	),	95	),
98		96
99	--colors: (	97	--colors: (
100	--100: math.div(0, 12) * 96 + 5,	98	--100: (math.div(0, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(0, 12))),
101	--200: math.div(1, 12) * 96 + 5,	99	--200: (math.div(1, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(1, 12))),
102	--300: math.div(2, 12) * 96 + 5,	100	--300: (math.div(2, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(2, 12))),
103	--400: math.div(3, 12) * 96 + 5,	101	--400: (math.div(3, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(3, 12))),
104	--500: math.div(4, 12) * 96 + 5,	102	--500: (math.div(4, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(4, 12))),
105	--600: math.div(5, 12) * 96 + 5,	103	--600: (math.div(5, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(5, 12))),
106	--700: math.div(6, 12) * 96 + 5,	104	--700: (math.div(6, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(6, 12))),
107	--800: math.div(7, 12) * 96 + 5,	105	--800: (math.div(7, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(7, 12))),
108	--900: math.div(8, 12) * 96 + 5,	106	--900: (math.div(8, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(8, 12))),
109	--1000: math.div(9, 12) * 96 + 5,	107	--1000: (math.div(9, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(9, 12))),
110	--1100: math.div(10, 12) * 96 + 5,	108	--1100: (math.div(10, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(10, 12))),
111	--1200: math.div(11, 12) * 96 + 5,	109	--1200: (math.div(11, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(11, 12))),
112	--1300: math.div(12, 12) * 96 + 5,	110	--1300: (math.div(12, 12) * 96 + 5) (.2 + .8 * easing.ease(math.div(12, 12))),
113	),	111	),
114	),	112	),
115
116	--ranges: (
117	--full: .3,
118	--muted: .1,
119	),
120		113
121	--palettes: (	114	--palettes: (
122	--base: hsl(260, 90%, 98%) --grays --full,	115	--base: hsl(260, 70%, 98%) --grays,
123	--blue: oklch(56% .16 275.25) --colors --muted,	116	--blue: oklch(56% .16 275.25) --colors,
124	--purple: oklch(56% .16 305.58) --colors --muted,	117	--purple: oklch(56% .16 305.58) --colors,
125	--red: oklch(56% .16 14.69) --colors --muted,	118	--red: oklch(56% .16 14.69) --colors,
126	--green: oklch(56% .16 150.48) --colors --muted,	119	--green: oklch(56% .16 150.48) --colors,
127	--yellow: oklch(56% .16 84.08) --colors --muted,	120	--yellow: oklch(56% .16 84.08) --colors,
128	),	121	),
129		122
130	--semantic: map.merge($semantic-colors-common, (	123	--semantic: map.merge($semantic-colors-common, (
@@ -139,52 +132,47 @@ $theme-light: (
139	);	132	);
140		133
141	$theme-dark: (	134	$theme-dark: (
142	--contrasts: (	135	--levels: (
143	--grays: (	136	--grays: (
144	--50: 4.4,	137	--50: (4.4) (.3 + .7 * easing.ease(math.div(10, 12))),
145	--75: 2.2,	138	--75: (2.2) (.3 + .7 * easing.ease(math.div(9, 12))),
146	--100: 0,	139	--100: (0) (.3 + .7 * easing.ease(math.div(8, 12))),
147		140
148	--200: easing.cubic-bezier(.3, .1, .8, .8, math.div(1, 8)) * -108,	141	--200: (easing.cubic-bezier(.3, .1, .8, .8, math.div(1, 8)) * -108) (.3 + .7 * easing.ease(math.div(7, 12))),
149	--300: easing.cubic-bezier(.3, .1, .8, .8, math.div(2, 8)) * -108,	142	--300: (easing.cubic-bezier(.3, .1, .8, .8, math.div(2, 8)) * -108) (.3 + .7 * easing.ease(math.div(6, 12))),
150	--400: easing.cubic-bezier(.3, .1, .8, .8, math.div(3, 8)) * -108,	143	--400: (easing.cubic-bezier(.3, .1, .8, .8, math.div(3, 8)) * -108) (.3 + .7 * easing.ease(math.div(5, 12))),
151		144
152	--500: easing.cubic-bezier(.3, .1, .8, .8, math.div(4, 8)) * -108,	145	--500: (easing.cubic-bezier(.3, .1, .8, .8, math.div(4, 8)) * -108) (.3 + .7 * easing.ease(math.div(4, 12))),
153	--600: easing.cubic-bezier(.3, .1, .8, .8, math.div(5, 8)) * -108,	146	--600: (easing.cubic-bezier(.3, .1, .8, .8, math.div(5, 8)) * -108) (.3 + .7 * easing.ease(math.div(3, 12))),
154	--700: easing.cubic-bezier(.3, .1, .8, .8, math.div(6, 8)) * -108,	147	--700: (easing.cubic-bezier(.3, .1, .8, .8, math.div(6, 8)) * -108) (.3 + .7 * easing.ease(math.div(2, 12))),
155	--800: easing.cubic-bezier(.3, .1, .8, .8, math.div(7, 8)) * -108,	148	--800: (easing.cubic-bezier(.3, .1, .8, .8, math.div(7, 8)) * -108) (.3 + .7 * easing.ease(math.div(1, 12))),
156	--900: easing.cubic-bezier(.3, .1, .8, .8, math.div(8, 8)) * -108,	149	--900: (easing.cubic-bezier(.3, .1, .8, .8, math.div(8, 8)) * -108) (.3 + .7 * easing.ease(math.div(0, 12))),
157	),	150	),
158		151
159	--colors: (	152	--colors: (
160	--100: math.div(0, 12) * -100 - 5,	153	--100: (math.div(0, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(0, 12))),
161	--200: math.div(1, 12) * -100 - 5,	154	--200: (math.div(1, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(1, 12))),
162	--300: math.div(2, 12) * -100 - 5,	155	--300: (math.div(2, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(2, 12))),
163	--400: math.div(3, 12) * -100 - 5,	156	--400: (math.div(3, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(3, 12))),
164	--500: math.div(4, 12) * -100 - 5,	157	--500: (math.div(4, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(4, 12))),
165	--600: math.div(5, 12) * -100 - 5,	158	--600: (math.div(5, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(5, 12))),
166	--700: math.div(6, 12) * -100 - 5,	159	--700: (math.div(6, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(6, 12))),
167	--800: math.div(7, 12) * -100 - 5,	160	--800: (math.div(7, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(7, 12))),
168	--900: math.div(8, 12) * -100 - 5,	161	--900: (math.div(8, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(8, 12))),
169	--1000: math.div(9, 12) * -100 - 5,	162	--1000: (math.div(9, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(9, 12))),
170	--1100: math.div(10, 12) * -100 - 5,	163	--1100: (math.div(10, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(10, 12))),
171	--1200: math.div(11, 12) * -100 - 5,	164	--1200: (math.div(11, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(11, 12))),
172	--1300: math.div(12, 12) * -100 - 5,	165	--1300: (math.div(12, 12) * -100 - 5) (.3 + .7 * easing.ease(math.div(12, 12))),
173	),	166	),
174	),	167	),
175
176	--ranges: (
177	--full: 1,
178	--muted: .3,
179	),
180		168
181	--palettes: (	169	--palettes: (
182	--base: hsl(257, 7%, 19%) --grays --full,	170	--base: hsl(257, 7%, 19%) --grays,
183	--blue: oklch(56% .16 275.25) --colors --muted,	171	--blue: oklch(56% .16 275.25) --colors,
184	--purple: oklch(56% .16 305.58) --colors --muted,	172	--purple: oklch(56% .16 305.58) --colors,
185	--red: oklch(56% .16 14.69) --colors --muted,	173	--red: oklch(56% .16 14.69) --colors,
186	--green: oklch(56% .16 150.48) --colors --muted,	174	--green: oklch(56% .16 150.48) --colors,
187	--yellow: oklch(56% .16 84.08) --colors --muted,	175	--yellow: oklch(56% .16 84.08) --colors,
188	),	176	),
189		177
190	--semantic: map.merge($semantic-colors-common, (	178	--semantic: map.merge($semantic-colors-common, (