tailvars 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -23,3 +23,7 @@ The package is ~13kb gzipped, which is a relatively small size, but if you need
23
23
  ## Documentation
24
24
 
25
25
  To be continued...
26
+
27
+ ## Known bugs
28
+
29
+ `--color-opacity` does not work as expected, and always falls back to 100%.
package/base.css CHANGED
@@ -220,48 +220,46 @@
220
220
  --font-size-xl: 1.5rem;
221
221
  --font-size-2xl: 2rem;
222
222
  --font-size-3xl: 3rem;
223
+ --font-size-4xl: 5rem;
223
224
  --font-size-fluid-xs: clamp(0.625rem, 0.582rem + 0.217vw, 0.75rem);
224
225
  --font-size-fluid-sm: clamp(0.75rem, 0.707rem + 0.217vw, 0.875rem);
225
226
  --font-size-fluid-md: clamp(0.875rem, 0.832rem + 0.217vw, 1rem);
226
227
  --font-size-fluid-lg: clamp(1rem, 0.957rem + 0.217vw, 1.125rem);
227
- --font-size-fluid-xl: clamp(1.25rem, 1.163rem + 0.435vw, 1.5rem);
228
- --font-size-fluid-2xl: clamp(1.5rem, 1.326rem + 0.87vw, 2rem);
229
- --font-size-fluid-3xl: clamp(2rem, 1.652rem + 1.739vw, 3rem);
228
+ --font-size-fluid-xl: clamp(1.125rem, 0.995rem + 0.652vw, 1.5rem);
229
+ --font-size-fluid-2xl: clamp(1.25rem, 0.989rem + 1.304vw, 2rem);
230
+ --font-size-fluid-3xl: clamp(1.5rem, 0.978rem + 2.609vw, 3rem);
231
+ --font-size-fluid-4xl: clamp(2rem, 0.957rem + 5.217vw, 5rem);
230
232
  --font-body-weight: 400;
231
233
  --font-heading-weight: 600;
234
+ --font-body: var(--font-sans);
235
+ --font-heading: var(--font-sans);
232
236
  }
233
237
 
234
238
  * {
235
- --font-body: var(--font-sans);
236
- --font-heading: var(--font-sans);
237
239
  --font-body-xs: var(--font-body-weight) var(--font-size-xs) / 1.6 var(--font-body);
238
240
  --font-body-sm: var(--font-body-weight) var(--font-size-sm) / 1.5 var(--font-body);
239
241
  --font-body-md: var(--font-body-weight) var(--font-size-md) / 1.4 var(--font-body);
240
242
  --font-body-lg: var(--font-body-weight) var(--font-size-lg) / 1.3 var(--font-body);
241
243
  --font-body-xl: var(--font-body-weight) var(--font-size-xl) / 1.25 var(--font-body);
242
- --font-body-2xl: var(--font-body-weight) var(--font-size-2xl) / 1.1 var(--font-body);
243
- --font-body-3xl: var(--font-body-weight) var(--font-size-3xl) / 1.1 var(--font-body);
244
+ --font-body-2xl: var(--font-body-weight) var(--font-size-2xl) / 1.25 var(--font-body);
244
245
  --font-body-fluid-xs: var(--font-body-weight) var(--font-size-fluid-xs) / 1.6 var(--font-body);
245
246
  --font-body-fluid-sm: var(--font-body-weight) var(--font-size-fluid-sm) / 1.5 var(--font-body);
246
247
  --font-body-fluid-md: var(--font-body-weight) var(--font-size-fluid-md) / 1.4 var(--font-body);
247
248
  --font-body-fluid-lg: var(--font-body-weight) var(--font-size-fluid-lg) / 1.3 var(--font-body);
248
249
  --font-body-fluid-xl: var(--font-body-weight) var(--font-size-fluid-xl) / 1.25 var(--font-body);
249
- --font-body-fluid-2xl: var(--font-body-weight) var(--font-size-fluid-2xl) / 1.1 var(--font-body);
250
- --font-body-fluid-3xl: var(--font-body-weight) var(--font-size-fluid-3xl) / 1.1 var(--font-body);
251
- --font-heading-xs: var(--font-body-weight) var(--font-size-xs) / 1.6 var(--font-heading);
252
- --font-heading-sm: var(--font-body-weight) var(--font-size-sm) / 1.5 var(--font-heading);
253
- --font-heading-md: var(--font-body-weight) var(--font-size-md) / 1.4 var(--font-heading);
254
- --font-heading-lg: var(--font-body-weight) var(--font-size-lg) / 1.3 var(--font-heading);
255
- --font-heading-xl: var(--font-body-weight) var(--font-size-xl) / 1.25 var(--font-heading);
256
- --font-heading-2xl: var(--font-body-weight) var(--font-size-2xl) / 1.1 var(--font-heading);
257
- --font-heading-3xl: var(--font-body-weight) var(--font-size-3xl) / 1.1 var(--font-heading);
258
- --font-heading-fluid-xs: var(--font-body-weight) var(--font-size-fluid-xs) / 1.6 var(--font-heading);
259
- --font-heading-fluid-sm: var(--font-body-weight) var(--font-size-fluid-sm) / 1.5 var(--font-heading);
260
- --font-heading-fluid-md: var(--font-body-weight) var(--font-size-fluid-md) / 1.4 var(--font-heading);
261
- --font-heading-fluid-lg: var(--font-body-weight) var(--font-size-fluid-lg) / 1.3 var(--font-heading);
262
- --font-heading-fluid-xl: var(--font-body-weight) var(--font-size-fluid-xl) / 1.25 var(--font-heading);
263
- --font-heading-fluid-2xl: var(--font-body-weight) var(--font-size-fluid-2xl) / 1.1 var(--font-heading);
264
- --font-heading-fluid-3xl: var(--font-body-weight) var(--font-size-fluid-3xl) / 1.1 var(--font-heading);
250
+ --font-body-fluid-2xl: var(--font-body-weight) var(--font-size-fluid-2xl) / 1.25 var(--font-body);
251
+ --font-heading-xs: var(--font-body-weight) var(--font-size-md) / 1.6 var(--font-heading);
252
+ --font-heading-sm: var(--font-body-weight) var(--font-size-lg) / 1.5 var(--font-heading);
253
+ --font-heading-md: var(--font-body-weight) var(--font-size-xl) / 1.4 var(--font-heading);
254
+ --font-heading-lg: var(--font-body-weight) var(--font-size-2xl) / 1.3 var(--font-heading);
255
+ --font-heading-xl: var(--font-body-weight) var(--font-size-3xl) / 1.25 var(--font-heading);
256
+ --font-heading-2xl: var(--font-body-weight) var(--font-size-4xl) / 1.25 var(--font-heading);
257
+ --font-heading-fluid-xs: var(--font-body-weight) var(--font-size-fluid-md) / 1.6 var(--font-heading);
258
+ --font-heading-fluid-sm: var(--font-body-weight) var(--font-size-fluid-lg) / 1.5 var(--font-heading);
259
+ --font-heading-fluid-md: var(--font-body-weight) var(--font-size-fluid-xl) / 1.4 var(--font-heading);
260
+ --font-heading-fluid-lg: var(--font-body-weight) var(--font-size-fluid-2xl) / 1.3 var(--font-heading);
261
+ --font-heading-fluid-xl: var(--font-body-weight) var(--font-size-fluid-3xl) / 1.25 var(--font-heading);
262
+ --font-heading-fluid-2xl: var(--font-body-weight) var(--font-size-fluid-4xl) / 1.1 var(--font-heading);
265
263
  }
266
264
 
267
265
  /* Spacing */
package/biome.json CHANGED
@@ -4,5 +4,15 @@
4
4
  "formatter": {
5
5
  "lineWidth": 160
6
6
  }
7
+ },
8
+ "linter": {
9
+ "rules": {
10
+ "correctness": {
11
+ "noUnknownMediaFeatureName": "off"
12
+ }
13
+ }
14
+ },
15
+ "files": {
16
+ "includes": ["**", "!index.min.css"]
7
17
  }
8
18
  }
package/colors/amber.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-amber-50: oklch(98.7% 0.022 95.277 / var(--color-amber-50-opacity, var(--color-amber-opacity, var(--color-opacity))));
3
- --color-amber-100: oklch(96.2% 0.059 95.617 / var(--color-amber-100-opacity, var(--color-amber-opacity, var(--color-opacity))));
4
- --color-amber-200: oklch(92.4% 0.12 95.746 / var(--color-amber-200-opacity, var(--color-amber-opacity, var(--color-opacity))));
5
- --color-amber-300: oklch(87.9% 0.169 91.605 / var(--color-amber-300-opacity, var(--color-amber-opacity, var(--color-opacity))));
6
- --color-amber-400: oklch(82.8% 0.189 84.429 / var(--color-amber-400-opacity, var(--color-amber-opacity, var(--color-opacity))));
7
- --color-amber-500: oklch(76.9% 0.188 70.08 / var(--color-amber-500-opacity, var(--color-amber-opacity, var(--color-opacity))));
8
- --color-amber-600: oklch(66.6% 0.179 58.318 / var(--color-amber-600-opacity, var(--color-amber-opacity, var(--color-opacity))));
9
- --color-amber-700: oklch(55.5% 0.163 48.998 / var(--color-amber-700-opacity, var(--color-amber-opacity, var(--color-opacity))));
10
- --color-amber-800: oklch(47.3% 0.137 46.201 / var(--color-amber-800-opacity, var(--color-amber-opacity, var(--color-opacity))));
11
- --color-amber-900: oklch(41.4% 0.112 45.904 / var(--color-amber-900-opacity, var(--color-amber-opacity, var(--color-opacity))));
12
- --color-amber-950: oklch(27.9% 0.077 45.635 / var(--color-amber-950-opacity, var(--color-amber-opacity, var(--color-opacity))));
2
+ --color-amber-50: oklch(98.7% 0.022 95.277 / var(--color-amber-50-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
3
+ --color-amber-100: oklch(96.2% 0.059 95.617 / var(--color-amber-100-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
4
+ --color-amber-200: oklch(92.4% 0.12 95.746 / var(--color-amber-200-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
5
+ --color-amber-300: oklch(87.9% 0.169 91.605 / var(--color-amber-300-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
6
+ --color-amber-400: oklch(82.8% 0.189 84.429 / var(--color-amber-400-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
7
+ --color-amber-500: oklch(76.9% 0.188 70.08 / var(--color-amber-500-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
8
+ --color-amber-600: oklch(66.6% 0.179 58.318 / var(--color-amber-600-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
9
+ --color-amber-700: oklch(55.5% 0.163 48.998 / var(--color-amber-700-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
10
+ --color-amber-800: oklch(47.3% 0.137 46.201 / var(--color-amber-800-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
11
+ --color-amber-900: oklch(41.4% 0.112 45.904 / var(--color-amber-900-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
12
+ --color-amber-950: oklch(27.9% 0.077 45.635 / var(--color-amber-950-opacity, var(--color-amber-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/blue.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-blue-50: oklch(97% 0.014 254.604 / var(--color-blue-50-opacity, var(--color-blue-opacity, var(--color-opacity))));
3
- --color-blue-100: oklch(93.2% 0.032 255.585 / var(--color-blue-100-opacity, var(--color-blue-opacity, var(--color-opacity))));
4
- --color-blue-200: oklch(88.2% 0.059 254.128 / var(--color-blue-200-opacity, var(--color-blue-opacity, var(--color-opacity))));
5
- --color-blue-300: oklch(80.9% 0.105 251.813 / var(--color-blue-300-opacity, var(--color-blue-opacity, var(--color-opacity))));
6
- --color-blue-400: oklch(70.7% 0.165 254.624 / var(--color-blue-400-opacity, var(--color-blue-opacity, var(--color-opacity))));
7
- --color-blue-500: oklch(62.3% 0.214 259.815 / var(--color-blue-500-opacity, var(--color-blue-opacity, var(--color-opacity))));
8
- --color-blue-600: oklch(54.6% 0.245 262.881 / var(--color-blue-600-opacity, var(--color-blue-opacity, var(--color-opacity))));
9
- --color-blue-700: oklch(48.8% 0.243 264.376 / var(--color-blue-700-opacity, var(--color-blue-opacity, var(--color-opacity))));
10
- --color-blue-800: oklch(42.4% 0.199 265.638 / var(--color-blue-800-opacity, var(--color-blue-opacity, var(--color-opacity))));
11
- --color-blue-900: oklch(37.9% 0.146 265.522 / var(--color-blue-900-opacity, var(--color-blue-opacity, var(--color-opacity))));
12
- --color-blue-950: oklch(28.2% 0.091 267.935 / var(--color-blue-950-opacity, var(--color-blue-opacity, var(--color-opacity))));
2
+ --color-blue-50: oklch(97% 0.014 254.604 / var(--color-blue-50-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
3
+ --color-blue-100: oklch(93.2% 0.032 255.585 / var(--color-blue-100-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
4
+ --color-blue-200: oklch(88.2% 0.059 254.128 / var(--color-blue-200-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
5
+ --color-blue-300: oklch(80.9% 0.105 251.813 / var(--color-blue-300-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
6
+ --color-blue-400: oklch(70.7% 0.165 254.624 / var(--color-blue-400-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
7
+ --color-blue-500: oklch(62.3% 0.214 259.815 / var(--color-blue-500-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
8
+ --color-blue-600: oklch(54.6% 0.245 262.881 / var(--color-blue-600-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
9
+ --color-blue-700: oklch(48.8% 0.243 264.376 / var(--color-blue-700-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
10
+ --color-blue-800: oklch(42.4% 0.199 265.638 / var(--color-blue-800-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
11
+ --color-blue-900: oklch(37.9% 0.146 265.522 / var(--color-blue-900-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
12
+ --color-blue-950: oklch(28.2% 0.091 267.935 / var(--color-blue-950-opacity, var(--color-blue-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/cyan.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-cyan-50: oklch(98.4% 0.019 200.873 / var(--color-cyan-50-opacity, var(--color-cyan-opacity, var(--color-opacity))));
3
- --color-cyan-100: oklch(95.6% 0.045 203.388 / var(--color-cyan-100-opacity, var(--color-cyan-opacity, var(--color-opacity))));
4
- --color-cyan-200: oklch(91.7% 0.08 205.041 / var(--color-cyan-200-opacity, var(--color-cyan-opacity, var(--color-opacity))));
5
- --color-cyan-300: oklch(86.5% 0.127 207.078 / var(--color-cyan-300-opacity, var(--color-cyan-opacity, var(--color-opacity))));
6
- --color-cyan-400: oklch(78.9% 0.154 211.53 / var(--color-cyan-400-opacity, var(--color-cyan-opacity, var(--color-opacity))));
7
- --color-cyan-500: oklch(71.5% 0.143 215.221 / var(--color-cyan-500-opacity, var(--color-cyan-opacity, var(--color-opacity))));
8
- --color-cyan-600: oklch(60.9% 0.126 221.723 / var(--color-cyan-600-opacity, var(--color-cyan-opacity, var(--color-opacity))));
9
- --color-cyan-700: oklch(52% 0.105 223.128 / var(--color-cyan-700-opacity, var(--color-cyan-opacity, var(--color-opacity))));
10
- --color-cyan-800: oklch(45% 0.085 224.283 / var(--color-cyan-800-opacity, var(--color-cyan-opacity, var(--color-opacity))));
11
- --color-cyan-900: oklch(39.8% 0.07 227.392 / var(--color-cyan-900-opacity, var(--color-cyan-opacity, var(--color-opacity))));
12
- --color-cyan-950: oklch(30.2% 0.056 229.695 / var(--color-cyan-950-opacity, var(--color-cyan-opacity, var(--color-opacity))));
2
+ --color-cyan-50: oklch(98.4% 0.019 200.873 / var(--color-cyan-50-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
3
+ --color-cyan-100: oklch(95.6% 0.045 203.388 / var(--color-cyan-100-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
4
+ --color-cyan-200: oklch(91.7% 0.08 205.041 / var(--color-cyan-200-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
5
+ --color-cyan-300: oklch(86.5% 0.127 207.078 / var(--color-cyan-300-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
6
+ --color-cyan-400: oklch(78.9% 0.154 211.53 / var(--color-cyan-400-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
7
+ --color-cyan-500: oklch(71.5% 0.143 215.221 / var(--color-cyan-500-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
8
+ --color-cyan-600: oklch(60.9% 0.126 221.723 / var(--color-cyan-600-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
9
+ --color-cyan-700: oklch(52% 0.105 223.128 / var(--color-cyan-700-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
10
+ --color-cyan-800: oklch(45% 0.085 224.283 / var(--color-cyan-800-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
11
+ --color-cyan-900: oklch(39.8% 0.07 227.392 / var(--color-cyan-900-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
12
+ --color-cyan-950: oklch(30.2% 0.056 229.695 / var(--color-cyan-950-opacity, var(--color-cyan-opacity, var(--color-opacity, 100%))));
13
13
  }
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-emerald-50: oklch(97.9% 0.021 166.113 / var(--color-emerald-50-opacity, var(--color-emerald-opacity, var(--color-opacity))));
3
- --color-emerald-100: oklch(95% 0.052 163.051 / var(--color-emerald-100-opacity, var(--color-emerald-opacity, var(--color-opacity))));
4
- --color-emerald-200: oklch(90.5% 0.093 164.15 / var(--color-emerald-200-opacity, var(--color-emerald-opacity, var(--color-opacity))));
5
- --color-emerald-300: oklch(84.5% 0.143 164.978 / var(--color-emerald-300-opacity, var(--color-emerald-opacity, var(--color-opacity))));
6
- --color-emerald-400: oklch(76.5% 0.177 163.223 / var(--color-emerald-400-opacity, var(--color-emerald-opacity, var(--color-opacity))));
7
- --color-emerald-500: oklch(69.6% 0.17 162.48 / var(--color-emerald-500-opacity, var(--color-emerald-opacity, var(--color-opacity))));
8
- --color-emerald-600: oklch(59.6% 0.145 163.225 / var(--color-emerald-600-opacity, var(--color-emerald-opacity, var(--color-opacity))));
9
- --color-emerald-700: oklch(50.8% 0.118 165.612 / var(--color-emerald-700-opacity, var(--color-emerald-opacity, var(--color-opacity))));
10
- --color-emerald-800: oklch(43.2% 0.095 166.913 / var(--color-emerald-800-opacity, var(--color-emerald-opacity, var(--color-opacity))));
11
- --color-emerald-900: oklch(37.8% 0.077 168.94 / var(--color-emerald-900-opacity, var(--color-emerald-opacity, var(--color-opacity))));
12
- --color-emerald-950: oklch(26.2% 0.051 172.552 / var(--color-emerald-950-opacity, var(--color-emerald-opacity, var(--color-opacity))));
2
+ --color-emerald-50: oklch(97.9% 0.021 166.113 / var(--color-emerald-50-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
3
+ --color-emerald-100: oklch(95% 0.052 163.051 / var(--color-emerald-100-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
4
+ --color-emerald-200: oklch(90.5% 0.093 164.15 / var(--color-emerald-200-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
5
+ --color-emerald-300: oklch(84.5% 0.143 164.978 / var(--color-emerald-300-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
6
+ --color-emerald-400: oklch(76.5% 0.177 163.223 / var(--color-emerald-400-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
7
+ --color-emerald-500: oklch(69.6% 0.17 162.48 / var(--color-emerald-500-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
8
+ --color-emerald-600: oklch(59.6% 0.145 163.225 / var(--color-emerald-600-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
9
+ --color-emerald-700: oklch(50.8% 0.118 165.612 / var(--color-emerald-700-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
10
+ --color-emerald-800: oklch(43.2% 0.095 166.913 / var(--color-emerald-800-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
11
+ --color-emerald-900: oklch(37.8% 0.077 168.94 / var(--color-emerald-900-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
12
+ --color-emerald-950: oklch(26.2% 0.051 172.552 / var(--color-emerald-950-opacity, var(--color-emerald-opacity, var(--color-opacity, 100%))));
13
13
  }
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-fuchsia-50: oklch(97.7% 0.017 320.058 / var(--color-fuchsia-50-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
3
- --color-fuchsia-100: oklch(95.2% 0.037 318.852 / var(--color-fuchsia-100-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
4
- --color-fuchsia-200: oklch(90.3% 0.076 319.62 / var(--color-fuchsia-200-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
5
- --color-fuchsia-300: oklch(83.3% 0.145 321.434 / var(--color-fuchsia-300-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
6
- --color-fuchsia-400: oklch(74% 0.238 322.16 / var(--color-fuchsia-400-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
7
- --color-fuchsia-500: oklch(66.7% 0.295 322.15 / var(--color-fuchsia-500-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
8
- --color-fuchsia-600: oklch(59.1% 0.293 322.896 / var(--color-fuchsia-600-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
9
- --color-fuchsia-700: oklch(51.8% 0.253 323.949 / var(--color-fuchsia-700-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
10
- --color-fuchsia-800: oklch(45.2% 0.211 324.591 / var(--color-fuchsia-800-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
11
- --color-fuchsia-900: oklch(40.1% 0.17 325.612 / var(--color-fuchsia-900-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
12
- --color-fuchsia-950: oklch(29.3% 0.136 325.661 / var(--color-fuchsia-950-opacity, var(--color-fuchsia-opacity, var(--color-opacity))));
2
+ --color-fuchsia-50: oklch(97.7% 0.017 320.058 / var(--color-fuchsia-50-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
3
+ --color-fuchsia-100: oklch(95.2% 0.037 318.852 / var(--color-fuchsia-100-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
4
+ --color-fuchsia-200: oklch(90.3% 0.076 319.62 / var(--color-fuchsia-200-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
5
+ --color-fuchsia-300: oklch(83.3% 0.145 321.434 / var(--color-fuchsia-300-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
6
+ --color-fuchsia-400: oklch(74% 0.238 322.16 / var(--color-fuchsia-400-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
7
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15 / var(--color-fuchsia-500-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
8
+ --color-fuchsia-600: oklch(59.1% 0.293 322.896 / var(--color-fuchsia-600-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
9
+ --color-fuchsia-700: oklch(51.8% 0.253 323.949 / var(--color-fuchsia-700-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
10
+ --color-fuchsia-800: oklch(45.2% 0.211 324.591 / var(--color-fuchsia-800-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
11
+ --color-fuchsia-900: oklch(40.1% 0.17 325.612 / var(--color-fuchsia-900-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
12
+ --color-fuchsia-950: oklch(29.3% 0.136 325.661 / var(--color-fuchsia-950-opacity, var(--color-fuchsia-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/gray.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-gray-50: oklch(98.5% 0.002 247.839 / var(--color-gray-50-opacity, var(--color-gray-opacity, var(--color-opacity))));
3
- --color-gray-100: oklch(96.7% 0.003 264.542 / var(--color-gray-100-opacity, var(--color-gray-opacity, var(--color-opacity))));
4
- --color-gray-200: oklch(92.8% 0.006 264.531 / var(--color-gray-200-opacity, var(--color-gray-opacity, var(--color-opacity))));
5
- --color-gray-300: oklch(87.2% 0.01 258.338 / var(--color-gray-300-opacity, var(--color-gray-opacity, var(--color-opacity))));
6
- --color-gray-400: oklch(70.7% 0.022 261.325 / var(--color-gray-400-opacity, var(--color-gray-opacity, var(--color-opacity))));
7
- --color-gray-500: oklch(55.1% 0.027 264.364 / var(--color-gray-500-opacity, var(--color-gray-opacity, var(--color-opacity))));
8
- --color-gray-600: oklch(44.6% 0.03 256.802 / var(--color-gray-600-opacity, var(--color-gray-opacity, var(--color-opacity))));
9
- --color-gray-700: oklch(37.3% 0.034 259.733 / var(--color-gray-700-opacity, var(--color-gray-opacity, var(--color-opacity))));
10
- --color-gray-800: oklch(27.8% 0.033 256.848 / var(--color-gray-800-opacity, var(--color-gray-opacity, var(--color-opacity))));
11
- --color-gray-900: oklch(21% 0.034 264.665 / var(--color-gray-900-opacity, var(--color-gray-opacity, var(--color-opacity))));
12
- --color-gray-950: oklch(13% 0.028 261.692 / var(--color-gray-950-opacity, var(--color-gray-opacity, var(--color-opacity))));
2
+ --color-gray-50: oklch(98.5% 0.002 247.839 / var(--color-gray-50-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
3
+ --color-gray-100: oklch(96.7% 0.003 264.542 / var(--color-gray-100-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
4
+ --color-gray-200: oklch(92.8% 0.006 264.531 / var(--color-gray-200-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
5
+ --color-gray-300: oklch(87.2% 0.01 258.338 / var(--color-gray-300-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
6
+ --color-gray-400: oklch(70.7% 0.022 261.325 / var(--color-gray-400-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
7
+ --color-gray-500: oklch(55.1% 0.027 264.364 / var(--color-gray-500-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
8
+ --color-gray-600: oklch(44.6% 0.03 256.802 / var(--color-gray-600-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
9
+ --color-gray-700: oklch(37.3% 0.034 259.733 / var(--color-gray-700-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
10
+ --color-gray-800: oklch(27.8% 0.033 256.848 / var(--color-gray-800-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
11
+ --color-gray-900: oklch(21% 0.034 264.665 / var(--color-gray-900-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
12
+ --color-gray-950: oklch(13% 0.028 261.692 / var(--color-gray-950-opacity, var(--color-gray-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/green.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-green-50: oklch(98.2% 0.018 155.826 / var(--color-green-50-opacity, var(--color-green-opacity, var(--color-opacity))));
3
- --color-green-100: oklch(96.2% 0.044 156.743 / var(--color-green-100-opacity, var(--color-green-opacity, var(--color-opacity))));
4
- --color-green-200: oklch(92.5% 0.084 155.995 / var(--color-green-200-opacity, var(--color-green-opacity, var(--color-opacity))));
5
- --color-green-300: oklch(87.1% 0.15 154.449 / var(--color-green-300-opacity, var(--color-green-opacity, var(--color-opacity))));
6
- --color-green-400: oklch(79.2% 0.209 151.711 / var(--color-green-400-opacity, var(--color-green-opacity, var(--color-opacity))));
7
- --color-green-500: oklch(72.3% 0.219 149.579 / var(--color-green-500-opacity, var(--color-green-opacity, var(--color-opacity))));
8
- --color-green-600: oklch(62.7% 0.194 149.214 / var(--color-green-600-opacity, var(--color-green-opacity, var(--color-opacity))));
9
- --color-green-700: oklch(52.7% 0.154 150.069 / var(--color-green-700-opacity, var(--color-green-opacity, var(--color-opacity))));
10
- --color-green-800: oklch(44.8% 0.119 151.328 / var(--color-green-800-opacity, var(--color-green-opacity, var(--color-opacity))));
11
- --color-green-900: oklch(39.3% 0.095 152.535 / var(--color-green-900-opacity, var(--color-green-opacity, var(--color-opacity))));
12
- --color-green-950: oklch(26.6% 0.065 152.934 / var(--color-green-950-opacity, var(--color-green-opacity, var(--color-opacity))));
2
+ --color-green-50: oklch(98.2% 0.018 155.826 / var(--color-green-50-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
3
+ --color-green-100: oklch(96.2% 0.044 156.743 / var(--color-green-100-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
4
+ --color-green-200: oklch(92.5% 0.084 155.995 / var(--color-green-200-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
5
+ --color-green-300: oklch(87.1% 0.15 154.449 / var(--color-green-300-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
6
+ --color-green-400: oklch(79.2% 0.209 151.711 / var(--color-green-400-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
7
+ --color-green-500: oklch(72.3% 0.219 149.579 / var(--color-green-500-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
8
+ --color-green-600: oklch(62.7% 0.194 149.214 / var(--color-green-600-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
9
+ --color-green-700: oklch(52.7% 0.154 150.069 / var(--color-green-700-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
10
+ --color-green-800: oklch(44.8% 0.119 151.328 / var(--color-green-800-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
11
+ --color-green-900: oklch(39.3% 0.095 152.535 / var(--color-green-900-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
12
+ --color-green-950: oklch(26.6% 0.065 152.934 / var(--color-green-950-opacity, var(--color-green-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/indigo.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-indigo-50: oklch(96.2% 0.018 272.314 / var(--color-indigo-50-opacity, var(--color-indigo-opacity, var(--color-opacity))));
3
- --color-indigo-100: oklch(93% 0.034 272.788 / var(--color-indigo-100-opacity, var(--color-indigo-opacity, var(--color-opacity))));
4
- --color-indigo-200: oklch(87% 0.065 274.039 / var(--color-indigo-200-opacity, var(--color-indigo-opacity, var(--color-opacity))));
5
- --color-indigo-300: oklch(78.5% 0.115 274.713 / var(--color-indigo-300-opacity, var(--color-indigo-opacity, var(--color-opacity))));
6
- --color-indigo-400: oklch(67.3% 0.182 276.935 / var(--color-indigo-400-opacity, var(--color-indigo-opacity, var(--color-opacity))));
7
- --color-indigo-500: oklch(58.5% 0.233 277.117 / var(--color-indigo-500-opacity, var(--color-indigo-opacity, var(--color-opacity))));
8
- --color-indigo-600: oklch(51.1% 0.262 276.966 / var(--color-indigo-600-opacity, var(--color-indigo-opacity, var(--color-opacity))));
9
- --color-indigo-700: oklch(45.7% 0.24 277.023 / var(--color-indigo-700-opacity, var(--color-indigo-opacity, var(--color-opacity))));
10
- --color-indigo-800: oklch(39.8% 0.195 277.366 / var(--color-indigo-800-opacity, var(--color-indigo-opacity, var(--color-opacity))));
11
- --color-indigo-900: oklch(35.9% 0.144 278.697 / var(--color-indigo-900-opacity, var(--color-indigo-opacity, var(--color-opacity))));
12
- --color-indigo-950: oklch(25.7% 0.09 281.288 / var(--color-indigo-950-opacity, var(--color-indigo-opacity, var(--color-opacity))));
2
+ --color-indigo-50: oklch(96.2% 0.018 272.314 / var(--color-indigo-50-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
3
+ --color-indigo-100: oklch(93% 0.034 272.788 / var(--color-indigo-100-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
4
+ --color-indigo-200: oklch(87% 0.065 274.039 / var(--color-indigo-200-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
5
+ --color-indigo-300: oklch(78.5% 0.115 274.713 / var(--color-indigo-300-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
6
+ --color-indigo-400: oklch(67.3% 0.182 276.935 / var(--color-indigo-400-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
7
+ --color-indigo-500: oklch(58.5% 0.233 277.117 / var(--color-indigo-500-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
8
+ --color-indigo-600: oklch(51.1% 0.262 276.966 / var(--color-indigo-600-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
9
+ --color-indigo-700: oklch(45.7% 0.24 277.023 / var(--color-indigo-700-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
10
+ --color-indigo-800: oklch(39.8% 0.195 277.366 / var(--color-indigo-800-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
11
+ --color-indigo-900: oklch(35.9% 0.144 278.697 / var(--color-indigo-900-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
12
+ --color-indigo-950: oklch(25.7% 0.09 281.288 / var(--color-indigo-950-opacity, var(--color-indigo-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/lime.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-lime-50: oklch(98.6% 0.031 120.757 / var(--color-lime-50-opacity, var(--color-lime-opacity, var(--color-opacity))));
3
- --color-lime-100: oklch(96.7% 0.067 122.328 / var(--color-lime-100-opacity, var(--color-lime-opacity, var(--color-opacity))));
4
- --color-lime-200: oklch(93.8% 0.127 124.321 / var(--color-lime-200-opacity, var(--color-lime-opacity, var(--color-opacity))));
5
- --color-lime-300: oklch(89.7% 0.196 126.665 / var(--color-lime-300-opacity, var(--color-lime-opacity, var(--color-opacity))));
6
- --color-lime-400: oklch(84.1% 0.238 128.85 / var(--color-lime-400-opacity, var(--color-lime-opacity, var(--color-opacity))));
7
- --color-lime-500: oklch(76.8% 0.233 130.85 / var(--color-lime-500-opacity, var(--color-lime-opacity, var(--color-opacity))));
8
- --color-lime-600: oklch(64.8% 0.2 131.684 / var(--color-lime-600-opacity, var(--color-lime-opacity, var(--color-opacity))));
9
- --color-lime-700: oklch(53.2% 0.157 131.589 / var(--color-lime-700-opacity, var(--color-lime-opacity, var(--color-opacity))));
10
- --color-lime-800: oklch(45.3% 0.124 130.933 / var(--color-lime-800-opacity, var(--color-lime-opacity, var(--color-opacity))));
11
- --color-lime-900: oklch(40.5% 0.101 131.063 / var(--color-lime-900-opacity, var(--color-lime-opacity, var(--color-opacity))));
12
- --color-lime-950: oklch(27.4% 0.072 132.109 / var(--color-lime-950-opacity, var(--color-lime-opacity, var(--color-opacity))));
2
+ --color-lime-50: oklch(98.6% 0.031 120.757 / var(--color-lime-50-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
3
+ --color-lime-100: oklch(96.7% 0.067 122.328 / var(--color-lime-100-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
4
+ --color-lime-200: oklch(93.8% 0.127 124.321 / var(--color-lime-200-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
5
+ --color-lime-300: oklch(89.7% 0.196 126.665 / var(--color-lime-300-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
6
+ --color-lime-400: oklch(84.1% 0.238 128.85 / var(--color-lime-400-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
7
+ --color-lime-500: oklch(76.8% 0.233 130.85 / var(--color-lime-500-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
8
+ --color-lime-600: oklch(64.8% 0.2 131.684 / var(--color-lime-600-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
9
+ --color-lime-700: oklch(53.2% 0.157 131.589 / var(--color-lime-700-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
10
+ --color-lime-800: oklch(45.3% 0.124 130.933 / var(--color-lime-800-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
11
+ --color-lime-900: oklch(40.5% 0.101 131.063 / var(--color-lime-900-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
12
+ --color-lime-950: oklch(27.4% 0.072 132.109 / var(--color-lime-950-opacity, var(--color-lime-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/mauve.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-mauve-50: oklch(98.5% 0 0 / var(--color-mauve-50-opacity, var(--color-mauve-opacity, var(--color-opacity))));
3
- --color-mauve-100: oklch(96% 0.003 325.6 / var(--color-mauve-100-opacity, var(--color-mauve-opacity, var(--color-opacity))));
4
- --color-mauve-200: oklch(92.2% 0.005 325.62 / var(--color-mauve-200-opacity, var(--color-mauve-opacity, var(--color-opacity))));
5
- --color-mauve-300: oklch(86.5% 0.012 325.68 / var(--color-mauve-300-opacity, var(--color-mauve-opacity, var(--color-opacity))));
6
- --color-mauve-400: oklch(71.1% 0.019 323.02 / var(--color-mauve-400-opacity, var(--color-mauve-opacity, var(--color-opacity))));
7
- --color-mauve-500: oklch(54.2% 0.034 322.5 / var(--color-mauve-500-opacity, var(--color-mauve-opacity, var(--color-opacity))));
8
- --color-mauve-600: oklch(43.5% 0.029 321.78 / var(--color-mauve-600-opacity, var(--color-mauve-opacity, var(--color-opacity))));
9
- --color-mauve-700: oklch(36.4% 0.029 323.89 / var(--color-mauve-700-opacity, var(--color-mauve-opacity, var(--color-opacity))));
10
- --color-mauve-800: oklch(26.3% 0.024 320.12 / var(--color-mauve-800-opacity, var(--color-mauve-opacity, var(--color-opacity))));
11
- --color-mauve-900: oklch(21.2% 0.019 322.12 / var(--color-mauve-900-opacity, var(--color-mauve-opacity, var(--color-opacity))));
12
- --color-mauve-950: oklch(14.5% 0.008 326 / var(--color-mauve-950-opacity, var(--color-mauve-opacity, var(--color-opacity))));
2
+ --color-mauve-50: oklch(98.5% 0 0 / var(--color-mauve-50-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
3
+ --color-mauve-100: oklch(96% 0.003 325.6 / var(--color-mauve-100-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
4
+ --color-mauve-200: oklch(92.2% 0.005 325.62 / var(--color-mauve-200-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
5
+ --color-mauve-300: oklch(86.5% 0.012 325.68 / var(--color-mauve-300-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
6
+ --color-mauve-400: oklch(71.1% 0.019 323.02 / var(--color-mauve-400-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
7
+ --color-mauve-500: oklch(54.2% 0.034 322.5 / var(--color-mauve-500-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
8
+ --color-mauve-600: oklch(43.5% 0.029 321.78 / var(--color-mauve-600-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
9
+ --color-mauve-700: oklch(36.4% 0.029 323.89 / var(--color-mauve-700-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
10
+ --color-mauve-800: oklch(26.3% 0.024 320.12 / var(--color-mauve-800-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
11
+ --color-mauve-900: oklch(21.2% 0.019 322.12 / var(--color-mauve-900-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
12
+ --color-mauve-950: oklch(14.5% 0.008 326 / var(--color-mauve-950-opacity, var(--color-mauve-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/mist.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-mist-50: oklch(98.7% 0.002 197.1 / var(--color-mist-50-opacity, var(--color-mist-opacity, var(--color-opacity))));
3
- --color-mist-100: oklch(96.3% 0.002 197.1 / var(--color-mist-100-opacity, var(--color-mist-opacity, var(--color-opacity))));
4
- --color-mist-200: oklch(92.5% 0.005 214.3 / var(--color-mist-200-opacity, var(--color-mist-opacity, var(--color-opacity))));
5
- --color-mist-300: oklch(87.2% 0.007 219.6 / var(--color-mist-300-opacity, var(--color-mist-opacity, var(--color-opacity))));
6
- --color-mist-400: oklch(72.3% 0.014 214.4 / var(--color-mist-400-opacity, var(--color-mist-opacity, var(--color-opacity))));
7
- --color-mist-500: oklch(56% 0.021 213.5 / var(--color-mist-500-opacity, var(--color-mist-opacity, var(--color-opacity))));
8
- --color-mist-600: oklch(45% 0.017 213.2 / var(--color-mist-600-opacity, var(--color-mist-opacity, var(--color-opacity))));
9
- --color-mist-700: oklch(37.8% 0.015 216 / var(--color-mist-700-opacity, var(--color-mist-opacity, var(--color-opacity))));
10
- --color-mist-800: oklch(27.5% 0.011 216.9 / var(--color-mist-800-opacity, var(--color-mist-opacity, var(--color-opacity))));
11
- --color-mist-900: oklch(21.8% 0.008 223.9 / var(--color-mist-900-opacity, var(--color-mist-opacity, var(--color-opacity))));
12
- --color-mist-950: oklch(14.8% 0.004 228.8 / var(--color-mist-950-opacity, var(--color-mist-opacity, var(--color-opacity))));
2
+ --color-mist-50: oklch(98.7% 0.002 197.1 / var(--color-mist-50-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
3
+ --color-mist-100: oklch(96.3% 0.002 197.1 / var(--color-mist-100-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
4
+ --color-mist-200: oklch(92.5% 0.005 214.3 / var(--color-mist-200-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
5
+ --color-mist-300: oklch(87.2% 0.007 219.6 / var(--color-mist-300-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
6
+ --color-mist-400: oklch(72.3% 0.014 214.4 / var(--color-mist-400-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
7
+ --color-mist-500: oklch(56% 0.021 213.5 / var(--color-mist-500-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
8
+ --color-mist-600: oklch(45% 0.017 213.2 / var(--color-mist-600-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
9
+ --color-mist-700: oklch(37.8% 0.015 216 / var(--color-mist-700-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
10
+ --color-mist-800: oklch(27.5% 0.011 216.9 / var(--color-mist-800-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
11
+ --color-mist-900: oklch(21.8% 0.008 223.9 / var(--color-mist-900-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
12
+ --color-mist-950: oklch(14.8% 0.004 228.8 / var(--color-mist-950-opacity, var(--color-mist-opacity, var(--color-opacity, 100%))));
13
13
  }
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-neutral-50: oklch(98.5% 0 0 / var(--color-neutral-50-opacity, var(--color-neutral-opacity, var(--color-opacity))));
3
- --color-neutral-100: oklch(97% 0 0 / var(--color-neutral-100-opacity, var(--color-neutral-opacity, var(--color-opacity))));
4
- --color-neutral-200: oklch(92.2% 0 0 / var(--color-neutral-200-opacity, var(--color-neutral-opacity, var(--color-opacity))));
5
- --color-neutral-300: oklch(87% 0 0 / var(--color-neutral-300-opacity, var(--color-neutral-opacity, var(--color-opacity))));
6
- --color-neutral-400: oklch(70.8% 0 0 / var(--color-neutral-400-opacity, var(--color-neutral-opacity, var(--color-opacity))));
7
- --color-neutral-500: oklch(55.6% 0 0 / var(--color-neutral-500-opacity, var(--color-neutral-opacity, var(--color-opacity))));
8
- --color-neutral-600: oklch(43.9% 0 0 / var(--color-neutral-600-opacity, var(--color-neutral-opacity, var(--color-opacity))));
9
- --color-neutral-700: oklch(37.1% 0 0 / var(--color-neutral-700-opacity, var(--color-neutral-opacity, var(--color-opacity))));
10
- --color-neutral-800: oklch(26.9% 0 0 / var(--color-neutral-800-opacity, var(--color-neutral-opacity, var(--color-opacity))));
11
- --color-neutral-900: oklch(20.5% 0 0 / var(--color-neutral-900-opacity, var(--color-neutral-opacity, var(--color-opacity))));
12
- --color-neutral-950: oklch(14.5% 0 0 / var(--color-neutral-950-opacity, var(--color-neutral-opacity, var(--color-opacity))));
2
+ --color-neutral-50: oklch(98.5% 0 0 / var(--color-neutral-50-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
3
+ --color-neutral-100: oklch(97% 0 0 / var(--color-neutral-100-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
4
+ --color-neutral-200: oklch(92.2% 0 0 / var(--color-neutral-200-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
5
+ --color-neutral-300: oklch(87% 0 0 / var(--color-neutral-300-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
6
+ --color-neutral-400: oklch(70.8% 0 0 / var(--color-neutral-400-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
7
+ --color-neutral-500: oklch(55.6% 0 0 / var(--color-neutral-500-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
8
+ --color-neutral-600: oklch(43.9% 0 0 / var(--color-neutral-600-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
9
+ --color-neutral-700: oklch(37.1% 0 0 / var(--color-neutral-700-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
10
+ --color-neutral-800: oklch(26.9% 0 0 / var(--color-neutral-800-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
11
+ --color-neutral-900: oklch(20.5% 0 0 / var(--color-neutral-900-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
12
+ --color-neutral-950: oklch(14.5% 0 0 / var(--color-neutral-950-opacity, var(--color-neutral-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/olive.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-olive-50: oklch(98.8% 0.003 106.5 / var(--color-olive-50-opacity, var(--color-olive-opacity, var(--color-opacity))));
3
- --color-olive-100: oklch(96.6% 0.005 106.5 / var(--color-olive-100-opacity, var(--color-olive-opacity, var(--color-opacity))));
4
- --color-olive-200: oklch(93% 0.007 106.5 / var(--color-olive-200-opacity, var(--color-olive-opacity, var(--color-opacity))));
5
- --color-olive-300: oklch(88% 0.011 106.6 / var(--color-olive-300-opacity, var(--color-olive-opacity, var(--color-opacity))));
6
- --color-olive-400: oklch(73.7% 0.021 106.9 / var(--color-olive-400-opacity, var(--color-olive-opacity, var(--color-opacity))));
7
- --color-olive-500: oklch(58% 0.031 107.3 / var(--color-olive-500-opacity, var(--color-olive-opacity, var(--color-opacity))));
8
- --color-olive-600: oklch(46.6% 0.025 107.3 / var(--color-olive-600-opacity, var(--color-olive-opacity, var(--color-opacity))));
9
- --color-olive-700: oklch(39.4% 0.023 107.4 / var(--color-olive-700-opacity, var(--color-olive-opacity, var(--color-opacity))));
10
- --color-olive-800: oklch(28.6% 0.016 107.4 / var(--color-olive-800-opacity, var(--color-olive-opacity, var(--color-opacity))));
11
- --color-olive-900: oklch(22.8% 0.013 107.4 / var(--color-olive-900-opacity, var(--color-olive-opacity, var(--color-opacity))));
12
- --color-olive-950: oklch(15.3% 0.006 107.1 / var(--color-olive-950-opacity, var(--color-olive-opacity, var(--color-opacity))));
2
+ --color-olive-50: oklch(98.8% 0.003 106.5 / var(--color-olive-50-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
3
+ --color-olive-100: oklch(96.6% 0.005 106.5 / var(--color-olive-100-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
4
+ --color-olive-200: oklch(93% 0.007 106.5 / var(--color-olive-200-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
5
+ --color-olive-300: oklch(88% 0.011 106.6 / var(--color-olive-300-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
6
+ --color-olive-400: oklch(73.7% 0.021 106.9 / var(--color-olive-400-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
7
+ --color-olive-500: oklch(58% 0.031 107.3 / var(--color-olive-500-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
8
+ --color-olive-600: oklch(46.6% 0.025 107.3 / var(--color-olive-600-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
9
+ --color-olive-700: oklch(39.4% 0.023 107.4 / var(--color-olive-700-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
10
+ --color-olive-800: oklch(28.6% 0.016 107.4 / var(--color-olive-800-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
11
+ --color-olive-900: oklch(22.8% 0.013 107.4 / var(--color-olive-900-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
12
+ --color-olive-950: oklch(15.3% 0.006 107.1 / var(--color-olive-950-opacity, var(--color-olive-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/orange.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-orange-50: oklch(98% 0.016 73.684 / var(--color-orange-50-opacity, var(--color-orange-opacity, var(--color-opacity))));
3
- --color-orange-100: oklch(95.4% 0.038 75.164 / var(--color-orange-100-opacity, var(--color-orange-opacity, var(--color-opacity))));
4
- --color-orange-200: oklch(90.1% 0.076 70.697 / var(--color-orange-200-opacity, var(--color-orange-opacity, var(--color-opacity))));
5
- --color-orange-300: oklch(83.7% 0.128 66.29 / var(--color-orange-300-opacity, var(--color-orange-opacity, var(--color-opacity))));
6
- --color-orange-400: oklch(75% 0.183 55.934 / var(--color-orange-400-opacity, var(--color-orange-opacity, var(--color-opacity))));
7
- --color-orange-500: oklch(70.5% 0.213 47.604 / var(--color-orange-500-opacity, var(--color-orange-opacity, var(--color-opacity))));
8
- --color-orange-600: oklch(64.6% 0.222 41.116 / var(--color-orange-600-opacity, var(--color-orange-opacity, var(--color-opacity))));
9
- --color-orange-700: oklch(55.3% 0.195 38.402 / var(--color-orange-700-opacity, var(--color-orange-opacity, var(--color-opacity))));
10
- --color-orange-800: oklch(47% 0.157 37.304 / var(--color-orange-800-opacity, var(--color-orange-opacity, var(--color-opacity))));
11
- --color-orange-900: oklch(40.8% 0.123 38.172 / var(--color-orange-900-opacity, var(--color-orange-opacity, var(--color-opacity))));
12
- --color-orange-950: oklch(26.6% 0.079 36.259 / var(--color-orange-950-opacity, var(--color-orange-opacity, var(--color-opacity))));
2
+ --color-orange-50: oklch(98% 0.016 73.684 / var(--color-orange-50-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
3
+ --color-orange-100: oklch(95.4% 0.038 75.164 / var(--color-orange-100-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
4
+ --color-orange-200: oklch(90.1% 0.076 70.697 / var(--color-orange-200-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
5
+ --color-orange-300: oklch(83.7% 0.128 66.29 / var(--color-orange-300-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
6
+ --color-orange-400: oklch(75% 0.183 55.934 / var(--color-orange-400-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
7
+ --color-orange-500: oklch(70.5% 0.213 47.604 / var(--color-orange-500-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
8
+ --color-orange-600: oklch(64.6% 0.222 41.116 / var(--color-orange-600-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
9
+ --color-orange-700: oklch(55.3% 0.195 38.402 / var(--color-orange-700-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
10
+ --color-orange-800: oklch(47% 0.157 37.304 / var(--color-orange-800-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
11
+ --color-orange-900: oklch(40.8% 0.123 38.172 / var(--color-orange-900-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
12
+ --color-orange-950: oklch(26.6% 0.079 36.259 / var(--color-orange-950-opacity, var(--color-orange-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/pink.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-pink-50: oklch(97.1% 0.014 343.198 / var(--color-pink-50-opacity, var(--color-pink-opacity, var(--color-opacity))));
3
- --color-pink-100: oklch(94.8% 0.028 342.258 / var(--color-pink-100-opacity, var(--color-pink-opacity, var(--color-opacity))));
4
- --color-pink-200: oklch(89.9% 0.061 343.231 / var(--color-pink-200-opacity, var(--color-pink-opacity, var(--color-opacity))));
5
- --color-pink-300: oklch(82.3% 0.12 346.018 / var(--color-pink-300-opacity, var(--color-pink-opacity, var(--color-opacity))));
6
- --color-pink-400: oklch(71.8% 0.202 349.761 / var(--color-pink-400-opacity, var(--color-pink-opacity, var(--color-opacity))));
7
- --color-pink-500: oklch(65.6% 0.241 354.308 / var(--color-pink-500-opacity, var(--color-pink-opacity, var(--color-opacity))));
8
- --color-pink-600: oklch(59.2% 0.249 0.584 / var(--color-pink-600-opacity, var(--color-pink-opacity, var(--color-opacity))));
9
- --color-pink-700: oklch(52.5% 0.223 3.958 / var(--color-pink-700-opacity, var(--color-pink-opacity, var(--color-opacity))));
10
- --color-pink-800: oklch(45.9% 0.187 3.815 / var(--color-pink-800-opacity, var(--color-pink-opacity, var(--color-opacity))));
11
- --color-pink-900: oklch(40.8% 0.153 2.432 / var(--color-pink-900-opacity, var(--color-pink-opacity, var(--color-opacity))));
12
- --color-pink-950: oklch(28.4% 0.109 3.907 / var(--color-pink-950-opacity, var(--color-pink-opacity, var(--color-opacity))));
2
+ --color-pink-50: oklch(97.1% 0.014 343.198 / var(--color-pink-50-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
3
+ --color-pink-100: oklch(94.8% 0.028 342.258 / var(--color-pink-100-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
4
+ --color-pink-200: oklch(89.9% 0.061 343.231 / var(--color-pink-200-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
5
+ --color-pink-300: oklch(82.3% 0.12 346.018 / var(--color-pink-300-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
6
+ --color-pink-400: oklch(71.8% 0.202 349.761 / var(--color-pink-400-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
7
+ --color-pink-500: oklch(65.6% 0.241 354.308 / var(--color-pink-500-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
8
+ --color-pink-600: oklch(59.2% 0.249 0.584 / var(--color-pink-600-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
9
+ --color-pink-700: oklch(52.5% 0.223 3.958 / var(--color-pink-700-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
10
+ --color-pink-800: oklch(45.9% 0.187 3.815 / var(--color-pink-800-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
11
+ --color-pink-900: oklch(40.8% 0.153 2.432 / var(--color-pink-900-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
12
+ --color-pink-950: oklch(28.4% 0.109 3.907 / var(--color-pink-950-opacity, var(--color-pink-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/purple.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-purple-50: oklch(97.7% 0.014 308.299 / var(--color-purple-50-opacity, var(--color-purple-opacity, var(--color-opacity))));
3
- --color-purple-100: oklch(94.6% 0.033 307.174 / var(--color-purple-100-opacity, var(--color-purple-opacity, var(--color-opacity))));
4
- --color-purple-200: oklch(90.2% 0.063 306.703 / var(--color-purple-200-opacity, var(--color-purple-opacity, var(--color-opacity))));
5
- --color-purple-300: oklch(82.7% 0.119 306.383 / var(--color-purple-300-opacity, var(--color-purple-opacity, var(--color-opacity))));
6
- --color-purple-400: oklch(71.4% 0.203 305.504 / var(--color-purple-400-opacity, var(--color-purple-opacity, var(--color-opacity))));
7
- --color-purple-500: oklch(62.7% 0.265 303.9 / var(--color-purple-500-opacity, var(--color-purple-opacity, var(--color-opacity))));
8
- --color-purple-600: oklch(55.8% 0.288 302.321 / var(--color-purple-600-opacity, var(--color-purple-opacity, var(--color-opacity))));
9
- --color-purple-700: oklch(49.6% 0.265 301.924 / var(--color-purple-700-opacity, var(--color-purple-opacity, var(--color-opacity))));
10
- --color-purple-800: oklch(43.8% 0.218 303.724 / var(--color-purple-800-opacity, var(--color-purple-opacity, var(--color-opacity))));
11
- --color-purple-900: oklch(38.1% 0.176 304.987 / var(--color-purple-900-opacity, var(--color-purple-opacity, var(--color-opacity))));
12
- --color-purple-950: oklch(29.1% 0.149 302.717 / var(--color-purple-950-opacity, var(--color-purple-opacity, var(--color-opacity))));
2
+ --color-purple-50: oklch(97.7% 0.014 308.299 / var(--color-purple-50-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
3
+ --color-purple-100: oklch(94.6% 0.033 307.174 / var(--color-purple-100-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
4
+ --color-purple-200: oklch(90.2% 0.063 306.703 / var(--color-purple-200-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
5
+ --color-purple-300: oklch(82.7% 0.119 306.383 / var(--color-purple-300-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
6
+ --color-purple-400: oklch(71.4% 0.203 305.504 / var(--color-purple-400-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
7
+ --color-purple-500: oklch(62.7% 0.265 303.9 / var(--color-purple-500-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
8
+ --color-purple-600: oklch(55.8% 0.288 302.321 / var(--color-purple-600-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
9
+ --color-purple-700: oklch(49.6% 0.265 301.924 / var(--color-purple-700-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
10
+ --color-purple-800: oklch(43.8% 0.218 303.724 / var(--color-purple-800-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
11
+ --color-purple-900: oklch(38.1% 0.176 304.987 / var(--color-purple-900-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
12
+ --color-purple-950: oklch(29.1% 0.149 302.717 / var(--color-purple-950-opacity, var(--color-purple-opacity, var(--color-opacity, 100%))));
13
13
  }
package/colors/red.css CHANGED
@@ -1,13 +1,13 @@
1
1
  * {
2
- --color-red-50: oklch(97.1% 0.013 17.38 / var(--color-red-50-opacity, var(--color-red-opacity, var(--color-opacity))));
3
- --color-red-100: oklch(93.6% 0.032 17.717 / var(--color-red-100-opacity, var(--color-red-opacity, var(--color-opacity))));
4
- --color-red-200: oklch(88.5% 0.062 18.334 / var(--color-red-200-opacity, var(--color-red-opacity, var(--color-opacity))));
5
- --color-red-300: oklch(80.8% 0.114 19.571 / var(--color-red-300-opacity, var(--color-red-opacity, var(--color-opacity))));
6
- --color-red-400: oklch(70.4% 0.191 22.216 / var(--color-red-400-opacity, var(--color-red-opacity, var(--color-opacity))));
7
- --color-red-500: oklch(63.7% 0.237 25.331 / var(--color-red-500-opacity, var(--color-red-opacity, var(--color-opacity))));
8
- --color-red-600: oklch(57.7% 0.245 27.325 / var(--color-red-600-opacity, var(--color-red-opacity, var(--color-opacity))));
9
- --color-red-700: oklch(50.5% 0.213 27.518 / var(--color-red-700-opacity, var(--color-red-opacity, var(--color-opacity))));
10
- --color-red-800: oklch(44.4% 0.177 26.899 / var(--color-red-800-opacity, var(--color-red-opacity, var(--color-opacity))));
11
- --color-red-900: oklch(39.6% 0.141 25.723 / var(--color-red-900-opacity, var(--color-red-opacity, var(--color-opacity))));
12
- --color-red-950: oklch(25.8% 0.092 26.042 / var(--color-red-950-opacity, var(--color-red-opacity, var(--color-opacity))));
2
+ --color-red-50: oklch(97.1% 0.013 17.38 / var(--color-red-50-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
3
+ --color-red-100: oklch(93.6% 0.032 17.717 / var(--color-red-100-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
4
+ --color-red-200: oklch(88.5% 0.062 18.334 / var(--color-red-200-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
5
+ --color-red-300: oklch(80.8% 0.114 19.571 / var(--color-red-300-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
6
+ --color-red-400: oklch(70.4% 0.191 22.216 / var(--color-red-400-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
7
+ --color-red-500: oklch(63.7% 0.237 25.331 / var(--color-red-500-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
8
+ --color-red-600: oklch(57.7% 0.245 27.325 / var(--color-red-600-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
9
+ --color-red-700: oklch(50.5% 0.213 27.518 / var(--color-red-700-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
10
+ --color-red-800: oklch(44.4% 0.177 26.899 / var(--color-red-800-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
11
+ --color-red-900: oklch(39.6% 0.141 25.723 / var(--color-red-900-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
12
+ --color-red-950: oklch(25.8% 0.092 26.042 / var(--color-red-950-opacity, var(--color-red-opacity, var(--color-opacity, 100%))));
13
13
  }