vanilla-jui 1.3.9 → 1.3.10

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.
Files changed (77) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +3 -2
  5. package/src/components/accordion.js +373 -0
  6. package/src/components/components.js +0 -0
  7. package/src/components/drop.js +437 -0
  8. package/src/components/flow.js +1133 -0
  9. package/src/components/form.js +585 -0
  10. package/src/components/icons.js +83 -0
  11. package/src/components/menu.js +422 -0
  12. package/src/components/modal.js +1174 -0
  13. package/src/components/offcanvas.js +332 -0
  14. package/src/components/pagination.js +536 -0
  15. package/src/components/parabola.js +295 -0
  16. package/src/components/sticky.js +271 -0
  17. package/src/components/swiper.js +1123 -0
  18. package/src/components/tabs.js +746 -0
  19. package/src/components/theme.js +353 -0
  20. package/src/components/toast.js +329 -0
  21. package/src/components/toc.js +226 -0
  22. package/src/components/tooltip.js +86 -0
  23. package/src/components/validator.js +586 -0
  24. package/src/core/Component.js +248 -0
  25. package/src/css/accordion.css +72 -0
  26. package/src/css/animation.css +177 -0
  27. package/src/css/avatar.css +62 -0
  28. package/src/css/badge.css +66 -0
  29. package/src/css/breadcrumb.css +106 -0
  30. package/src/css/button.css +296 -0
  31. package/src/css/card.css +151 -0
  32. package/src/css/color.css +1176 -0
  33. package/src/css/color_p3.css +1184 -0
  34. package/src/css/components.css +26 -0
  35. package/src/css/content.css +716 -0
  36. package/src/css/divider.css +9 -0
  37. package/src/css/drop.css +28 -0
  38. package/src/css/flow.css +86 -0
  39. package/src/css/font.css +23 -0
  40. package/src/css/form.css +919 -0
  41. package/src/css/gradient.css +211 -0
  42. package/src/css/icon.css +63 -0
  43. package/src/css/index.css +12 -0
  44. package/src/css/layout.css +782 -0
  45. package/src/css/loading.css +38 -0
  46. package/src/css/menu.css +564 -0
  47. package/src/css/modal.css +111 -0
  48. package/src/css/offcanvas.css +104 -0
  49. package/src/css/pagination.css +25 -0
  50. package/src/css/popup.css +69 -0
  51. package/src/css/skeleton.css +76 -0
  52. package/src/css/status.css +56 -0
  53. package/src/css/swiper.css +160 -0
  54. package/src/css/table.css +52 -0
  55. package/src/css/tabs.css +95 -0
  56. package/src/css/tag.css +98 -0
  57. package/src/css/theme-palette.css +59 -0
  58. package/src/css/tip.css +84 -0
  59. package/src/css/toast.css +154 -0
  60. package/src/css/toast.min.css +1 -0
  61. package/src/css/toc.css +38 -0
  62. package/src/css/tokens.css +1324 -0
  63. package/src/css/toolbar.css +115 -0
  64. package/src/css/tooltip.css +19 -0
  65. package/src/icons/index.js +30 -0
  66. package/src/index.js +45 -0
  67. package/src/locales/index.js +45 -0
  68. package/src/locales/index.min.js +1 -0
  69. package/src/utilities/browser.js +111 -0
  70. package/src/utilities/cache.js +159 -0
  71. package/src/utilities/core.js +502 -0
  72. package/src/utilities/debug.js +103 -0
  73. package/src/utilities/dom.js +313 -0
  74. package/src/utilities/events.js +69 -0
  75. package/src/utilities/http.js +30 -0
  76. package/src/utilities/legacy-dom.js +179 -0
  77. package/src/utilities/storage.js +46 -0
@@ -0,0 +1,1184 @@
1
+ /**
2
+ * 暂时弃用 color & color_p3
3
+ */
4
+
5
+ @layer color {
6
+
7
+ /**
8
+ * Advanced color mode: display-p3
9
+ *
10
+ * gray, olive,
11
+ * tomato, ruby, pink,
12
+ * violet, indigo, blue,
13
+ * teal, grass, mint, lime,
14
+ * yellow, orange, gold
15
+ */
16
+ @supports (color: color(display-p3 1 1 1)) {
17
+ @media (color-gamut: p3) {
18
+
19
+ :root,
20
+ .light,
21
+ .light-theme {
22
+ /* gray */
23
+ --gray-1: oklch(99.1% 0.0015 277.7);
24
+ --gray-2: oklch(98.2% 0.003 277.7);
25
+ --gray-3: oklch(95.6% 0.0045 277.7);
26
+ --gray-4: oklch(93.1% 0.0061 277.7);
27
+ --gray-5: oklch(91% 0.0077 277.7);
28
+ --gray-6: oklch(88.8% 0.0093 277.7);
29
+ --gray-7: oklch(85.3% 0.0117 277.7);
30
+ --gray-8: oklch(79.4% 0.016 277.7);
31
+ --gray-9: oklch(64.6% 0.0165 277.7);
32
+ --gray-10: oklch(61% 0.0161 277.7);
33
+ --gray-11: oklch(50.3% 0.0139 277.7);
34
+ --gray-12: oklch(24.1% 0.0099 277.7);
35
+
36
+ --gray-a1: color(display-p3 0.0235 0.0235 0.349 / 0.012);
37
+ --gray-a2: color(display-p3 0.0235 0.0235 0.349 / 0.024);
38
+ --gray-a3: color(display-p3 0.0078 0.0667 0.2549 / 0.063);
39
+ --gray-a4: color(display-p3 0.0118 0.051 0.2157 / 0.095);
40
+ --gray-a5: color(display-p3 0.0039 0.0392 0.2 / 0.122);
41
+ --gray-a6: color(display-p3 0.0039 0.0275 0.1804 / 0.153);
42
+ --gray-a7: color(display-p3 0.0078 0.0275 0.1843 / 0.197);
43
+ --gray-a8: color(display-p3 0.0039 0.0314 0.1765 / 0.275);
44
+ --gray-a9: color(display-p3 0.0039 0.0196 0.1059 / 0.455);
45
+ --gray-a10: color(display-p3 0.0039 0.0196 0.098 / 0.499);
46
+ --gray-a11: color(display-p3 0 0.0078 0.0588 / 0.616);
47
+ --gray-a12: color(display-p3 0 0.0039 0.0275 / 0.883);
48
+
49
+ --gray-contrast: #ffffff;
50
+ --gray-surface: color(display-p3 1 1 1 / 80%);
51
+ --gray-indicator: oklch(64.6% 0.0165 277.7);
52
+ --gray-track: oklch(64.6% 0.0165 277.7);
53
+
54
+ /* olive */
55
+ --olive-1: oklch(99.3% 0.0016 136.6);
56
+ --olive-2: oklch(98.3% 0.0034 136.6);
57
+ --olive-3: oklch(95.6% 0.0037 136.6);
58
+ --olive-4: oklch(93.2% 0.0043 136.6);
59
+ --olive-5: oklch(90.9% 0.0046 136.6);
60
+ --olive-6: oklch(88.6% 0.0057 136.6);
61
+ --olive-7: oklch(85.2% 0.0058 136.6);
62
+ --olive-8: oklch(79.2% 0.0073 136.6);
63
+ --olive-9: oklch(64% 0.0118 136.6);
64
+ --olive-10: oklch(60% 0.012 136.6);
65
+ --olive-11: oklch(50% 0.0114 136.6);
66
+ --olive-12: oklch(24.2% 0.0115 136.6);
67
+
68
+ --olive-a1: color(display-p3 0.0235 0.349 0.0235 / 0.012);
69
+ --olive-a2: color(display-p3 0.0235 0.302 0.0235 / 0.028);
70
+ --olive-a3: color(display-p3 0.0078 0.1294 0.0078 / 0.063);
71
+ --olive-a4: color(display-p3 0.051 0.1294 0.0118 / 0.099);
72
+ --olive-a5: color(display-p3 0.0353 0.098 0.0078 / 0.126);
73
+ --olive-a6: color(display-p3 0.051 0.102 0.0039 / 0.161);
74
+ --olive-a7: color(display-p3 0.0392 0.0784 0.0039 / 0.204);
75
+ --olive-a8: color(display-p3 0.0314 0.0588 0.0039 / 0.279);
76
+ --olive-a9: color(display-p3 0.0196 0.051 0.0039 / 0.467);
77
+ --olive-a10: color(display-p3 0.0157 0.0471 0 / 0.514);
78
+ --olive-a11: color(display-p3 0.0118 0.0392 0 / 0.628);
79
+ --olive-a12: color(display-p3 0.0078 0.0235 0 / 0.891);
80
+
81
+ --olive-contrast: #fff;
82
+ --olive-surface: color(display-p3 0.9725 0.9765 0.9647 / 0.8);
83
+ --olive-indicator: oklch(64% 0.0118 136.6);
84
+ --olive-track: oklch(64% 0.0118 136.6);
85
+
86
+ /* tomato */
87
+ --tomato-1: oklch(99.4% 0.0031 33.34);
88
+ --tomato-2: oklch(98.4% 0.0071 33.34);
89
+ --tomato-3: oklch(95.4% 0.022 33.34);
90
+ --tomato-4: oklch(92.6% 0.0471 33.34);
91
+ --tomato-5: oklch(89.2% 0.0626 33.34);
92
+ --tomato-6: oklch(85.2% 0.0769 33.34);
93
+ --tomato-7: oklch(80.3% 0.0942 33.34);
94
+ --tomato-8: oklch(74.1% 0.1181 33.34);
95
+ --tomato-9: oklch(62.7% 0.1936 33.34);
96
+ --tomato-10: oklch(58.6% 0.1951 33.34);
97
+ --tomato-11: oklch(56.7% 0.1936 33.34);
98
+ --tomato-12: oklch(34.6% 0.0798 33.34);
99
+
100
+ --tomato-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
101
+ --tomato-a2: color(display-p3 0.8784 0.1451 0.0196 / 0.032);
102
+ --tomato-a3: color(display-p3 0.8314 0.1843 0.0118 / 0.091);
103
+ --tomato-a4: color(display-p3 0.8588 0.1922 0.0039 / 0.165);
104
+ --tomato-a5: color(display-p3 0.8706 0.2039 0.0039 / 0.236);
105
+ --tomato-a6: color(display-p3 0.8471 0.1961 0.0039 / 0.306);
106
+ --tomato-a7: color(display-p3 0.7922 0.1725 0.0039 / 0.393);
107
+ --tomato-a8: color(display-p3 0.7529 0.1569 0 / 0.502);
108
+ --tomato-a9: color(display-p3 0.7804 0.149 0 / 0.769);
109
+ --tomato-a10: color(display-p3 0.7294 0.1373 0 / 0.824);
110
+ --tomato-a11: color(display-p3 0.702 0.1333 0 / 0.848);
111
+ --tomato-a12: color(display-p3 0.2431 0.0549 0 / 0.879);
112
+
113
+ --tomato-contrast: #fff;
114
+ --tomato-surface: color(display-p3 0.9922 0.9647 0.9608 / 0.8);
115
+ --tomato-indicator: oklch(62.7% 0.1936 33.34);
116
+ --tomato-track: oklch(62.7% 0.1936 33.34);
117
+
118
+ /* ruby */
119
+ --ruby-1: oklch(99.4% 0.0033 13.15);
120
+ --ruby-2: oklch(98.3% 0.0084 13.15);
121
+ --ruby-3: oklch(95.4% 0.0222 13.15);
122
+ --ruby-4: oklch(92.8% 0.0422 13.15);
123
+ --ruby-5: oklch(89.6% 0.0548 13.15);
124
+ --ruby-6: oklch(85.8% 0.066 13.15);
125
+ --ruby-7: oklch(81% 0.0796 13.15);
126
+ --ruby-8: oklch(74.9% 0.1013 13.15);
127
+ --ruby-9: oklch(62.8% 0.1949 13.15);
128
+ --ruby-10: oklch(58.7% 0.196 13.15);
129
+ --ruby-11: oklch(54.9% 0.1949 13.15);
130
+ --ruby-12: oklch(34.1% 0.1096 13.15);
131
+
132
+ --ruby-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
133
+ --ruby-a2: color(display-p3 0.8784 0.0196 0.1451 / 0.032);
134
+ --ruby-a3: color(display-p3 0.8039 0.0078 0.0078 / 0.079);
135
+ --ruby-a4: color(display-p3 0.8275 0.0078 0.0667 / 0.134);
136
+ --ruby-a5: color(display-p3 0.8275 0.0039 0.0471 / 0.181);
137
+ --ruby-a6: color(display-p3 0.7451 0.0039 0.0706 / 0.244);
138
+ --ruby-a7: color(display-p3 0.6902 0.0039 0.051 / 0.314);
139
+ --ruby-a8: color(display-p3 0.6471 0.0039 0.051 / 0.408);
140
+ --ruby-a9: color(display-p3 0.7529 0 0.1294 / 0.679);
141
+ --ruby-a10: color(display-p3 0.6941 0 0.1294 / 0.734);
142
+ --ruby-a11: color(display-p3 0.6431 0 0.1294 / 0.785);
143
+ --ruby-a12: color(display-p3 0.2824 0 0.0471 / 0.887);
144
+
145
+ --ruby-contrast: #fff;
146
+ --ruby-surface: color(display-p3 0.9961 0.9608 0.9647 / 0.8);
147
+ --ruby-indicator: oklch(62.8% 0.1949 13.15);
148
+ --ruby-track: oklch(62.8% 0.1949 13.15);
149
+
150
+ /* pink */
151
+ --pink-1: oklch(99.4% 0.004 346);
152
+ --pink-2: oklch(98.3% 0.0094 346);
153
+ --pink-3: oklch(95.4% 0.0275 346);
154
+ --pink-4: oklch(92.5% 0.0416 346);
155
+ --pink-5: oklch(89.3% 0.0542 346);
156
+ --pink-6: oklch(85.5% 0.0668 346);
157
+ --pink-7: oklch(80.9% 0.0833 346);
158
+ --pink-8: oklch(75.2% 0.1067 346);
159
+ --pink-9: oklch(61.7% 0.2076 346);
160
+ --pink-10: oklch(57.5% 0.2062 346);
161
+ --pink-11: oklch(55.7% 0.2062 346);
162
+ --pink-12: oklch(35% 0.129 346);
163
+
164
+ --pink-a1: color(display-p3 0.6745 0.0235 0.6745 / 0.012);
165
+ --pink-a2: color(display-p3 0.8784 0.0196 0.5098 / 0.032);
166
+ --pink-a3: color(display-p3 0.8118 0.0078 0.4353 / 0.083);
167
+ --pink-a4: color(display-p3 0.7686 0.0078 0.4157 / 0.134);
168
+ --pink-a5: color(display-p3 0.7059 0.0039 0.3882 / 0.185);
169
+ --pink-a6: color(display-p3 0.6549 0.0039 0.3843 / 0.248);
170
+ --pink-a7: color(display-p3 0.6196 0.0039 0.349 / 0.318);
171
+ --pink-a8: color(display-p3 0.6039 0.0039 0.3529 / 0.412);
172
+ --pink-a9: color(display-p3 0.6824 0 0.4471 / 0.702);
173
+ --pink-a10: color(display-p3 0.6275 0 0.4196 / 0.757);
174
+ --pink-a11: color(display-p3 0.6078 0 0.4078 / 0.781);
175
+ --pink-a12: color(display-p3 0.2863 0 0.1922 / 0.899);
176
+
177
+ --pink-contrast: #fff;
178
+ --pink-surface: color(display-p3 0.9922 0.9608 0.9765 / 0.8);
179
+ --pink-indicator: oklch(61.7% 0.2076 346);
180
+ --pink-track: oklch(61.7% 0.2076 346);
181
+
182
+ /* violet */
183
+ --violet-1: oklch(99.2% 0.0028 288);
184
+ --violet-2: oklch(98.3% 0.009 288);
185
+ --violet-3: oklch(96.3% 0.0189 288);
186
+ --violet-4: oklch(93.4% 0.0392 288);
187
+ --violet-5: oklch(90.4% 0.0569 288);
188
+ --violet-6: oklch(86.4% 0.0725 288);
189
+ --violet-7: oklch(80.6% 0.0903 288);
190
+ --violet-8: oklch(72.9% 0.119 288);
191
+ --violet-9: oklch(54.2% 0.179 288);
192
+ --violet-10: oklch(49.5% 0.1593 288);
193
+ --violet-11: oklch(50.8% 0.1593 288);
194
+ --violet-12: oklch(31.3% 0.0976 288);
195
+
196
+ --violet-a1: color(display-p3 0.0235 0.0235 0.6745 / 0.012);
197
+ --violet-a2: color(display-p3 0.0235 0.0235 0.8392 / 0.024);
198
+ --violet-a3: color(display-p3 0.0745 0.0039 0.9294 / 0.055);
199
+ --violet-a4: color(display-p3 0.051 0.0118 0.9216 / 0.099);
200
+ --violet-a5: color(display-p3 0.0627 0.0078 0.9216 / 0.146);
201
+ --violet-a6: color(display-p3 0.0588 0.0039 0.9255 / 0.204);
202
+ --violet-a7: color(display-p3 0.0588 0.0039 0.8235 / 0.283);
203
+ --violet-a8: color(display-p3 0.0745 0.0039 0.7725 / 0.393);
204
+ --violet-a9: color(display-p3 0.1137 0 0.6745 / 0.659);
205
+ --violet-a10: color(display-p3 0.098 0 0.549 / 0.699);
206
+ --violet-a11: color(display-p3 0.0941 0 0.5686 / 0.683);
207
+ --violet-a12: color(display-p3 0.0353 0 0.251 / 0.851);
208
+
209
+ --violet-contrast: #fff;
210
+ --violet-surface: color(display-p3 0.9725 0.9725 1 / 0.8);
211
+ --violet-indicator: oklch(54.2% 0.179 288);
212
+ --violet-track: oklch(54.2% 0.179 288);
213
+
214
+ /* indigo */
215
+ --indigo-1: oklch(99.4% 0.0015 267);
216
+ --indigo-2: oklch(98.3% 0.008 267);
217
+ --indigo-3: oklch(96.1% 0.0172 267);
218
+ --indigo-4: oklch(93.5% 0.0338 267);
219
+ --indigo-5: oklch(90.3% 0.0511 267);
220
+ --indigo-6: oklch(86.3% 0.0713 267);
221
+ --indigo-7: oklch(80.7% 0.0868 267);
222
+ --indigo-8: oklch(73% 0.1132 267);
223
+ --indigo-9: oklch(54.4% 0.191 267);
224
+ --indigo-10: oklch(49.7% 0.1727 267);
225
+ --indigo-11: oklch(51% 0.1727 267);
226
+ --indigo-12: oklch(31.3% 0.0855 267);
227
+
228
+ --indigo-a1: color(display-p3 0.0196 0.0196 0.5098 / 0.008);
229
+ --indigo-a2: color(display-p3 0.0196 0.2667 0.8784 / 0.032);
230
+ --indigo-a3: color(display-p3 0.0078 0.2392 0.8863 / 0.067);
231
+ --indigo-a4: color(display-p3 0.0039 0.3059 0.9373 / 0.118);
232
+ --indigo-a5: color(display-p3 0.0039 0.2784 0.9333 / 0.173);
233
+ --indigo-a6: color(display-p3 0.0039 0.2471 0.9373 / 0.244);
234
+ --indigo-a7: color(display-p3 0.0039 0.2196 0.8706 / 0.326);
235
+ --indigo-a8: color(display-p3 0.0039 0.1961 0.8078 / 0.444);
236
+ --indigo-a9: color(display-p3 0 0.1529 0.7725 / 0.726);
237
+ --indigo-a10: color(display-p3 0 0.1294 0.6549 / 0.761);
238
+ --indigo-a11: color(display-p3 0 0.1333 0.6667 / 0.746);
239
+ --indigo-a12: color(display-p3 0 0.0588 0.2549 / 0.875);
240
+
241
+ --indigo-contrast: #fff;
242
+ --indigo-surface: color(display-p3 0.9608 0.9725 1 / 0.8);
243
+ --indigo-indicator: oklch(54.4% 0.191 267);
244
+ --indigo-track: oklch(54.4% 0.191 267);
245
+
246
+ /* blue */
247
+ --blue-1: oklch(99.3% 0.0033 251.8);
248
+ --blue-2: oklch(98.2% 0.0096 251.8);
249
+ --blue-3: oklch(96% 0.0199 251.8);
250
+ --blue-4: oklch(93.7% 0.0371 251.8);
251
+ --blue-5: oklch(90.6% 0.0535 251.8);
252
+ --blue-6: oklch(86.4% 0.0686 251.8);
253
+ --blue-7: oklch(80.9% 0.0884 251.8);
254
+ --blue-8: oklch(73.5% 0.1211 251.8);
255
+ --blue-9: oklch(64.9% 0.193 251.8);
256
+ --blue-10: oklch(60.9% 0.1837 251.8);
257
+ --blue-11: oklch(55.8% 0.1889 251.8);
258
+ --blue-12: oklch(32.4% 0.0965 251.8);
259
+
260
+ --blue-a1: color(display-p3 0.0235 0.5137 1 / 0.016);
261
+ --blue-a2: color(display-p3 0.0235 0.5137 0.9059 / 0.04);
262
+ --blue-a3: color(display-p3 0.0078 0.4078 0.9529 / 0.079);
263
+ --blue-a4: color(display-p3 0.0078 0.4471 0.9451 / 0.134);
264
+ --blue-a5: color(display-p3 0 0.4314 0.9412 / 0.2);
265
+ --blue-a6: color(display-p3 0.0039 0.4039 0.9451 / 0.275);
266
+ --blue-a7: color(display-p3 0.0039 0.3804 0.8863 / 0.373);
267
+ --blue-a8: color(display-p3 0 0.3608 0.8627 / 0.514);
268
+ --blue-a9: color(display-p3 0 0.4118 0.9608 / 0.753);
269
+ --blue-a10: color(display-p3 0 0.3686 0.8706 / 0.777);
270
+ --blue-a11: color(display-p3 0 0.3098 0.8 / 0.808);
271
+ --blue-a12: color(display-p3 0 0.1412 0.3294 / 0.93);
272
+
273
+ --blue-contrast: #fff;
274
+ --blue-surface: color(display-p3 0.9529 0.9765 1 / 0.8);
275
+ --blue-indicator: oklch(64.9% 0.193 251.8);
276
+ --blue-track: oklch(64.9% 0.193 251.8);
277
+
278
+ /* teal */
279
+ --teal-1: oklch(99.4% 0.0047 182);
280
+ --teal-2: oklch(98.1% 0.009 182);
281
+ --teal-3: oklch(96.1% 0.027 182);
282
+ --teal-4: oklch(93.5% 0.0419 182);
283
+ --teal-5: oklch(90% 0.0542 182);
284
+ --teal-6: oklch(85.6% 0.0643 182);
285
+ --teal-7: oklch(79.7% 0.0764 182);
286
+ --teal-8: oklch(72.1% 0.0973 182);
287
+ --teal-9: oklch(64.9% 0.1136 182);
288
+ --teal-10: oklch(60.9% 0.1097 182);
289
+ --teal-11: oklch(53% 0.1136 182);
290
+ --teal-12: oklch(32.7% 0.0505 182);
291
+
292
+ --teal-a1: color(display-p3 0.0235 0.7569 0.5137 / 0.016);
293
+ --teal-a2: color(display-p3 0.0196 0.6471 0.4667 / 0.044);
294
+ --teal-a3: color(display-p3 0.0039 0.7059 0.5569 / 0.106);
295
+ --teal-a4: color(display-p3 0.0039 0.702 0.5373 / 0.169);
296
+ --teal-a5: color(display-p3 0.0039 0.6588 0.5098 / 0.24);
297
+ --teal-a6: color(display-p3 0.0039 0.5686 0.4588 / 0.318);
298
+ --teal-a7: color(display-p3 0.0039 0.5176 0.4118 / 0.42);
299
+ --teal-a8: color(display-p3 0 0.502 0.4039 / 0.565);
300
+ --teal-a9: color(display-p3 0 0.4863 0.4039 / 0.702);
301
+ --teal-a10: color(display-p3 0 0.4431 0.3686 / 0.738);
302
+ --teal-a11: color(display-p3 0 0.3569 0.2902 / 0.785);
303
+ --teal-a12: color(display-p3 0 0.1373 0.1098 / 0.887);
304
+
305
+ --teal-contrast: #fff;
306
+ --teal-surface: color(display-p3 0.9451 0.9804 0.9725 / 0.8);
307
+ --teal-indicator: oklch(64.9% 0.1136 182);
308
+ --teal-track: oklch(64.9% 0.1136 182);
309
+
310
+ /* grass */
311
+ --grass-1: oklch(99.4% 0.0053 147.4);
312
+ --grass-2: oklch(98.2% 0.0092 147.4);
313
+ --grass-3: oklch(96.1% 0.0231 147.4);
314
+ --grass-4: oklch(93.4% 0.037 147.4);
315
+ --grass-5: oklch(90.1% 0.0529 147.4);
316
+ --grass-6: oklch(85.8% 0.0713 147.4);
317
+ --grass-7: oklch(79.8% 0.0949 147.4);
318
+ --grass-8: oklch(71.6% 0.1299 147.4);
319
+ --grass-9: oklch(65.1% 0.1468 147.4);
320
+ --grass-10: oklch(61.1% 0.1415 147.4);
321
+ --grass-11: oklch(52.7% 0.1296 147.4);
322
+ --grass-12: oklch(32.7% 0.0534 147.4);
323
+
324
+ --grass-a1: color(display-p3 0.2667 0.7569 0.0235 / 0.016);
325
+ --grass-a2: color(display-p3 0.0235 0.5647 0.0235 / 0.036);
326
+ --grass-a3: color(display-p3 0.0588 0.6235 0.0078 / 0.083);
327
+ --grass-a4: color(display-p3 0.0353 0.5333 0.0078 / 0.134);
328
+ --grass-a5: color(display-p3 0.0275 0.5451 0.0078 / 0.197);
329
+ --grass-a6: color(display-p3 0.0314 0.5176 0.0039 / 0.275);
330
+ --grass-a7: color(display-p3 0.0235 0.4784 0.0039 / 0.381);
331
+ --grass-a8: color(display-p3 0.0078 0.4588 0 / 0.522);
332
+ --grass-a9: color(display-p3 0.0078 0.4353 0 / 0.624);
333
+ --grass-a10: color(display-p3 0 0.3882 0 / 0.659);
334
+ --grass-a11: color(display-p3 0 0.3059 0.0078 / 0.742);
335
+ --grass-a12: color(display-p3 0.0039 0.098 0 / 0.851);
336
+
337
+ --grass-contrast: #fff;
338
+ --grass-surface: color(display-p3 0.9569 0.9804 0.9569 / 0.8);
339
+ --grass-indicator: oklch(65.1% 0.1468 147.4);
340
+ --grass-track: oklch(65.1% 0.1468 147.4);
341
+
342
+ /* mint */
343
+ --mint-1: oklch(99.3% 0.0053 178);
344
+ --mint-2: oklch(98.2% 0.0101 178);
345
+ --mint-3: oklch(96% 0.0299 178);
346
+ --mint-4: oklch(93.3% 0.047 178);
347
+ --mint-5: oklch(89.9% 0.0609 178);
348
+ --mint-6: oklch(85.6% 0.0719 178);
349
+ --mint-7: oklch(79.8% 0.0849 178);
350
+ --mint-8: oklch(72.2% 0.1067 178);
351
+ --mint-9: oklch(87% 0.0999 178);
352
+ --mint-10: oklch(83.9% 0.0998 178);
353
+ --mint-11: oklch(51.2% 0.095 178);
354
+ --mint-12: oklch(35% 0.0506 178);
355
+
356
+ --mint-a1: color(display-p3 0.0196 0.8039 0.6078 / 0.02);
357
+ --mint-a2: color(display-p3 0.0196 0.6471 0.4667 / 0.044);
358
+ --mint-a3: color(display-p3 0.0039 0.7608 0.5216 / 0.114);
359
+ --mint-a4: color(display-p3 0.0039 0.7412 0.5255 / 0.181);
360
+ --mint-a5: color(display-p3 0.0039 0.6745 0.4863 / 0.251);
361
+ --mint-a6: color(display-p3 0.0039 0.6078 0.4431 / 0.33);
362
+ --mint-a7: color(display-p3 0.0039 0.549 0.4118 / 0.432);
363
+ --mint-a8: color(display-p3 0 0.5294 0.4 / 0.581);
364
+ --mint-a9: color(display-p3 0.0039 0.7647 0.5686 / 0.381);
365
+ --mint-a10: color(display-p3 0.0039 0.6941 0.5176 / 0.42);
366
+ --mint-a11: color(display-p3 0 0.3294 0.2588 / 0.8);
367
+ --mint-a12: color(display-p3 0 0.1412 0.1059 / 0.863);
368
+
369
+ --mint-contrast: #062822;
370
+ --mint-surface: color(display-p3 0.9451 0.9804 0.9725 / 0.8);
371
+ --mint-indicator: oklch(87% 0.0999 178);
372
+ --mint-track: oklch(87% 0.0999 178);
373
+
374
+ /* lime */
375
+ --lime-1: oklch(99.2% 0.0042 126.1);
376
+ --lime-2: oklch(98.2% 0.0098 126.1);
377
+ --lime-3: oklch(95.9% 0.0433 126.1);
378
+ --lime-4: oklch(93.2% 0.0688 126.1);
379
+ --lime-5: oklch(89.7% 0.087 126.1);
380
+ --lime-6: oklch(85.3% 0.0993 126.1);
381
+ --lime-7: oklch(79.5% 0.1106 126.1);
382
+ --lime-8: oklch(72.4% 0.1346 126.1);
383
+ --lime-9: oklch(88.8% 0.1747 126.1);
384
+ --lime-10: oklch(85.7% 0.1875 126.1);
385
+ --lime-11: oklch(54.4% 0.1112 126.1);
386
+ --lime-12: oklch(35.4% 0.0573 126.1);
387
+
388
+ --lime-a1: color(display-p3 0.4118 0.6078 0.0196 / 0.02);
389
+ --lime-a2: color(display-p3 0.3765 0.5569 0.0196 / 0.044);
390
+ --lime-a3: color(display-p3 0.4784 0.7804 0.0078 / 0.142);
391
+ --lime-a4: color(display-p3 0.4863 0.7608 0.0039 / 0.228);
392
+ --lime-a5: color(display-p3 0.4667 0.702 0.0039 / 0.314);
393
+ --lime-a6: color(display-p3 0.4118 0.6314 0.0039 / 0.393);
394
+ --lime-a7: color(display-p3 0.3686 0.5608 0.0039 / 0.491);
395
+ --lime-a8: color(display-p3 0.3569 0.5333 0 / 0.628);
396
+ --lime-a9: color(display-p3 0.5882 0.8667 0 / 0.534);
397
+ --lime-a10: color(display-p3 0.5686 0.8275 0 / 0.608);
398
+ --lime-a11: color(display-p3 0.2275 0.3333 0 / 0.781);
399
+ --lime-a12: color(display-p3 0.0941 0.1412 0 / 0.867);
400
+
401
+ --lime-contrast: #1d250f;
402
+ --lime-surface: color(display-p3 0.9647 0.9765 0.9451 / 0.8);
403
+ --lime-indicator: oklch(88.8% 0.1747 126.1);
404
+ --lime-track: oklch(88.8% 0.1747 126.1);
405
+
406
+ /* yellow */
407
+ --yellow-1: oklch(99.3% 0.0044 100.9);
408
+ --yellow-2: oklch(98.8% 0.0224 100.9);
409
+ --yellow-3: oklch(97.3% 0.0745 100.9);
410
+ --yellow-4: oklch(95.2% 0.1037 100.9);
411
+ --yellow-5: oklch(92.4% 0.126 100.9);
412
+ --yellow-6: oklch(88.1% 0.1195 100.9);
413
+ --yellow-7: oklch(83.5% 0.1083 100.9);
414
+ --yellow-8: oklch(76.5% 0.1233 100.9);
415
+ --yellow-9: oklch(91.9% 0.1838 100.9);
416
+ --yellow-10: oklch(89% 0.1643 100.9);
417
+ --yellow-11: oklch(57.4% 0.1231 100.9);
418
+ --yellow-12: oklch(35.7% 0.041 100.9);
419
+
420
+ --yellow-a1: color(display-p3 0.6078 0.6078 0.0196 / 0.02);
421
+ --yellow-a2: color(display-p3 0.9451 0.8353 0.0078 / 0.071);
422
+ --yellow-a3: color(display-p3 0.9843 0.898 0.0039 / 0.228);
423
+ --yellow-a4: color(display-p3 0.9686 0.851 0.0039 / 0.338);
424
+ --yellow-a5: color(display-p3 0.9098 0.8118 0.0039 / 0.44);
425
+ --yellow-a6: color(display-p3 0.7961 0.702 0.0039 / 0.475);
426
+ --yellow-a7: color(display-p3 0.6784 0.5922 0.0039 / 0.499);
427
+ --yellow-a8: color(display-p3 0.6118 0.5451 0 / 0.628);
428
+ --yellow-a9: color(display-p3 0.9765 0.8588 0 / 0.659);
429
+ --yellow-a10: color(display-p3 0.898 0.7922 0 / 0.616);
430
+ --yellow-a11: color(display-p3 0.4471 0.3961 0 / 0.855);
431
+ --yellow-a12: color(display-p3 0.1216 0.1059 0 / 0.851);
432
+
433
+ --yellow-contrast: #262209;
434
+ --yellow-surface: color(display-p3 0.9961 0.9843 0.9137 / 0.8);
435
+ --yellow-indicator: oklch(91.9% 0.1838 100.9);
436
+ --yellow-track: oklch(91.9% 0.1838 100.9);
437
+
438
+ /* orange */
439
+ --orange-1: oklch(99.2% 0.0026 45.02);
440
+ --orange-2: oklch(97.9% 0.0153 45.02);
441
+ --orange-3: oklch(95.8% 0.0368 45.02);
442
+ --orange-4: oklch(92% 0.081 45.02);
443
+ --orange-5: oklch(89% 0.1065 45.02);
444
+ --orange-6: oklch(85.7% 0.1099 45.02);
445
+ --orange-7: oklch(80.5% 0.1125 45.02);
446
+ --orange-8: oklch(74.5% 0.132 45.02);
447
+ --orange-9: oklch(69.1% 0.1909 45.02);
448
+ --orange-10: oklch(65.3% 0.1943 45.02);
449
+ --orange-11: oklch(59.2% 0.1859 45.02);
450
+ --orange-12: oklch(35% 0.0686 45.02);
451
+
452
+ --orange-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
453
+ --orange-a2: color(display-p3 0.8588 0.2902 0.0039 / 0.055);
454
+ --orange-a3: color(display-p3 0.8784 0.3804 0.0078 / 0.126);
455
+ --orange-a4: color(display-p3 0.902 0.3529 0.0039 / 0.236);
456
+ --orange-a5: color(display-p3 0.902 0.3569 0.0039 / 0.31);
457
+ --orange-a6: color(display-p3 0.902 0.3412 0.0039 / 0.393);
458
+ --orange-a7: color(display-p3 0.8745 0.298 0.0039 / 0.463);
459
+ --orange-a8: color(display-p3 0.8157 0.2784 0 / 0.577);
460
+ --orange-a9: color(display-p3 0.8784 0.3137 0 / 0.8);
461
+ --orange-a10: color(display-p3 0.8275 0.2863 0 / 0.84);
462
+ --orange-a11: color(display-p3 0.7294 0.2353 0 / 0.867);
463
+ --orange-a12: color(display-p3 0.2275 0.0784 0 / 0.883);
464
+
465
+ --orange-contrast: #fff;
466
+ --orange-surface: color(display-p3 1 0.9569 0.9333 / 0.8);
467
+ --orange-indicator: oklch(69.1% 0.1909 45.02);
468
+ --orange-track: oklch(69.1% 0.1909 45.02);
469
+
470
+ /* gold */
471
+ --gold-1: oklch(99.4% 0.0012 77.7);
472
+ --gold-2: oklch(98.3% 0.0038 77.7);
473
+ --gold-3: oklch(95.5% 0.0081 77.7);
474
+ --gold-4: oklch(92.9% 0.0128 77.7);
475
+ --gold-5: oklch(90.2% 0.0178 77.7);
476
+ --gold-6: oklch(87.2% 0.0242 77.7);
477
+ --gold-7: oklch(83.1% 0.0329 77.7);
478
+ --gold-8: oklch(76.5% 0.0447 77.7);
479
+ --gold-9: oklch(62% 0.0492 77.7);
480
+ --gold-10: oklch(57.9% 0.0453 77.7);
481
+ --gold-11: oklch(50.6% 0.0361 77.7);
482
+ --gold-12: oklch(29.5% 0.0126 77.7);
483
+
484
+ --gold-a1: color(display-p3 0.349 0.349 0.0235 / 0.012);
485
+ --gold-a2: color(display-p3 0.5098 0.2667 0.0196 / 0.032);
486
+ --gold-a3: color(display-p3 0.3569 0.2078 0.0078 / 0.079);
487
+ --gold-a4: color(display-p3 0.3804 0.2549 0.0078 / 0.126);
488
+ --gold-a5: color(display-p3 0.3882 0.2549 0.0039 / 0.173);
489
+ --gold-a6: color(display-p3 0.3882 0.2314 0.0039 / 0.224);
490
+ --gold-a7: color(display-p3 0.4039 0.2627 0.0039 / 0.302);
491
+ --gold-a8: color(display-p3 0.4039 0.2588 0.0039 / 0.412);
492
+ --gold-a9: color(display-p3 0.2863 0.1804 0 / 0.589);
493
+ --gold-a10: color(display-p3 0.2431 0.1569 0 / 0.628);
494
+ --gold-a11: color(display-p3 0.1765 0.1137 0 / 0.687);
495
+ --gold-a12: color(display-p3 0.0392 0.0235 0 / 0.848);
496
+
497
+ --gold-contrast: #fff;
498
+ --gold-surface: color(display-p3 0.9804 0.9725 0.9608 / 0.8);
499
+ --gold-indicator: oklch(62% 0.0492 77.7);
500
+ --gold-track: oklch(62% 0.0492 77.7);
501
+
502
+ /* red */
503
+ --red-1: oklch(99.4% 0.0031 23.03);
504
+ --red-2: oklch(98.3% 0.0083 23.03);
505
+ --red-3: oklch(95.6% 0.021 23.03);
506
+ --red-4: oklch(92.8% 0.0472 23.03);
507
+ --red-5: oklch(89.6% 0.0619 23.03);
508
+ --red-6: oklch(85.7% 0.0746 23.03);
509
+ --red-7: oklch(80.7% 0.0894 23.03);
510
+ --red-8: oklch(74.5% 0.1132 23.03);
511
+ --red-9: oklch(62.6% 0.1933 23.03);
512
+ --red-10: oklch(58.4% 0.1951 23.03);
513
+ --red-11: oklch(55.7% 0.1933 23.03);
514
+ --red-12: oklch(33.9% 0.109 23.03);
515
+
516
+ --red-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
517
+ --red-a2: color(display-p3 0.8784 0.0196 0.0196 / 0.032);
518
+ --red-a3: color(display-p3 0.8588 0.1059 0.0078 / 0.083);
519
+ --red-a4: color(display-p3 0.8392 0.0902 0.0078 / 0.146);
520
+ --red-a5: color(display-p3 0.8471 0.0784 0.0039 / 0.204);
521
+ --red-a6: color(display-p3 0.8392 0.0784 0.0039 / 0.267);
522
+ --red-a7: color(display-p3 0.7647 0.0588 0.0039 / 0.346);
523
+ --red-a8: color(display-p3 0.7098 0.0471 0.0039 / 0.444);
524
+ --red-a9: color(display-p3 0.749 0.0078 0 / 0.675);
525
+ --red-a10: color(display-p3 0.6902 0 0 / 0.726);
526
+ --red-a11: color(display-p3 0.6549 0 0.0118 / 0.761);
527
+ --red-a12: color(display-p3 0.2745 0 0 / 0.883);
528
+
529
+ --red-contrast: #fff;
530
+ --red-surface: color(display-p3 0.9961 0.9647 0.9608 / 0.8);
531
+ --red-indicator: oklch(62.6% 0.1933 23.03);
532
+ --red-track: oklch(62.6% 0.1933 23.03);
533
+
534
+ /* green */
535
+ --green-1: oklch(99.4% 0.0043 157.7);
536
+ --green-2: oklch(98.2% 0.0091 157.7);
537
+ --green-3: oklch(95.9% 0.0229 157.7);
538
+ --green-4: oklch(93.3% 0.0364 157.7);
539
+ --green-5: oklch(90% 0.0497 157.7);
540
+ --green-6: oklch(85.7% 0.0646 157.7);
541
+ --green-7: oklch(79.8% 0.084 157.7);
542
+ --green-8: oklch(71.4% 0.1125 157.7);
543
+ --green-9: oklch(64.1% 0.1329 157.7);
544
+ --green-10: oklch(60% 0.1265 157.7);
545
+ --green-11: oklch(52.9% 0.1329 157.7);
546
+ --green-12: oklch(32.2% 0.0475 157.7);
547
+
548
+ --green-a1: color(display-p3 0.0235 0.6745 0.0235 / 0.012);
549
+ --green-a2: color(display-p3 0.0235 0.6118 0.2196 / 0.04);
550
+ --green-a3: color(display-p3 0.0118 0.5725 0.1843 / 0.091);
551
+ --green-a4: color(display-p3 0.0078 0.5882 0.1451 / 0.142);
552
+ --green-a5: color(display-p3 0.0039 0.5412 0.1569 / 0.204);
553
+ --green-a6: color(display-p3 0.0039 0.5176 0.1569 / 0.283);
554
+ --green-a7: color(display-p3 0.0039 0.4824 0.1451 / 0.385);
555
+ --green-a8: color(display-p3 0 0.4667 0.1529 / 0.538);
556
+ --green-a9: color(display-p3 0 0.4549 0.1647 / 0.667);
557
+ --green-a10: color(display-p3 0 0.4039 0.1451 / 0.702);
558
+ --green-a11: color(display-p3 0 0.3569 0.1255 / 0.781);
559
+ --green-a12: color(display-p3 0 0.102 0.0314 / 0.859);
560
+
561
+ --green-contrast: #fff;
562
+ --green-surface: color(display-p3 0.9569 0.9804 0.9608 / 0.8);
563
+ --green-indicator: oklch(64.1% 0.1329 157.7);
564
+ --green-track: oklch(64.1% 0.1329 157.7);
565
+
566
+ /* amber */
567
+ --amber-1: oklch(99.4% 0.003 84.13);
568
+ --amber-2: oklch(98.7% 0.0224 84.13);
569
+ --amber-3: oklch(97% 0.0664 84.13);
570
+ --amber-4: oklch(94.7% 0.0987 84.13);
571
+ --amber-5: oklch(92% 0.1245 84.13);
572
+ --amber-6: oklch(88.1% 0.1162 84.13);
573
+ --amber-7: oklch(82.9% 0.1122 84.13);
574
+ --amber-8: oklch(76% 0.1284 84.13);
575
+ --amber-9: oklch(87.1% 0.1683 84.13);
576
+ --amber-10: oklch(84% 0.1572 84.13);
577
+ --amber-11: oklch(57% 0.1307 84.13);
578
+ --amber-12: oklch(35.3% 0.0431 84.13);
579
+
580
+ --amber-a1: color(display-p3 0.7569 0.5137 0.0235 / 0.016);
581
+ --amber-a2: color(display-p3 0.949 0.7412 0.0078 / 0.075);
582
+ --amber-a3: color(display-p3 0.9647 0.7647 0.0039 / 0.216);
583
+ --amber-a4: color(display-p3 0.9569 0.7569 0.0039 / 0.338);
584
+ --amber-a5: color(display-p3 0.9569 0.7255 0.0039 / 0.451);
585
+ --amber-a6: color(display-p3 0.9176 0.6431 0.0039 / 0.471);
586
+ --amber-a7: color(display-p3 0.7922 0.549 0 / 0.522);
587
+ --amber-a8: color(display-p3 0.7216 0.502 0 / 0.663);
588
+ --amber-a9: color(display-p3 0.9529 0.702 0 / 0.675);
589
+ --amber-a10: color(display-p3 0.9176 0.651 0 / 0.671);
590
+ --amber-a11: color(display-p3 0.5137 0.3529 0 / 0.863);
591
+ --amber-a12: color(display-p3 0.1451 0.102 0 / 0.859);
592
+
593
+ --amber-contrast: #2b2009;
594
+ --amber-surface: color(display-p3 1 0.9765 0.9098 / 0.8);
595
+ --amber-indicator: oklch(87.1% 0.1683 84.13);
596
+ --amber-track: oklch(87.1% 0.1683 84.13);
597
+ }
598
+ }
599
+ }
600
+
601
+ @supports (color: color(display-p3 1 1 1)) {
602
+ @media (color-gamut: p3) {
603
+
604
+ .dark,
605
+ .dark-theme {
606
+ /* gray */
607
+ --gray-1: oklch(17.8% 0.0042 277.7);
608
+ --gray-2: oklch(21.5% 0.004 277.7);
609
+ --gray-3: oklch(25.5% 0.0055 277.7);
610
+ --gray-4: oklch(28.4% 0.0075 277.7);
611
+ --gray-5: oklch(31.4% 0.0089 277.7);
612
+ --gray-6: oklch(35% 0.01 277.7);
613
+ --gray-7: oklch(40.2% 0.0121 277.7);
614
+ --gray-8: oklch(49.2% 0.0157 277.7);
615
+ --gray-9: oklch(54% 0.0167 277.7);
616
+ --gray-10: oklch(58.6% 0.0165 277.7);
617
+ --gray-11: oklch(77% 0.0138 277.7);
618
+ --gray-12: oklch(94.9% 0.0026 277.7);
619
+
620
+ --gray-a1: color(display-p3 0.0667 0.0667 0.9412 / 0.009);
621
+ --gray-a2: color(display-p3 0.8 0.8 0.9804 / 0.043);
622
+ --gray-a3: color(display-p3 0.851 0.898 0.9882 / 0.085);
623
+ --gray-a4: color(display-p3 0.8392 0.8706 1 / 0.122);
624
+ --gray-a5: color(display-p3 0.8471 0.8745 1 / 0.156);
625
+ --gray-a6: color(display-p3 0.8784 0.898 1 / 0.194);
626
+ --gray-a7: color(display-p3 0.8745 0.9059 0.9961 / 0.257);
627
+ --gray-a8: color(display-p3 0.8941 0.9059 1 / 0.37);
628
+ --gray-a9: color(display-p3 0.8902 0.9098 1 / 0.433);
629
+ --gray-a10: color(display-p3 0.902 0.9176 1 / 0.488);
630
+ --gray-a11: color(display-p3 0.9451 0.949 1 / 0.719);
631
+ --gray-a12: color(display-p3 0.9922 0.9922 1 / 0.937);
632
+
633
+ --gray-contrast: #ffffff;
634
+ --gray-surface: color(display-p3 0 0 0 / 5%);
635
+ --gray-indicator: oklch(54% 0.0167 277.7);
636
+ --gray-track: oklch(54% 0.0167 277.7);
637
+
638
+ /* olive */
639
+ --olive-1: oklch(17.8% 0.0045 292.9);
640
+ --olive-2: oklch(21.4% 0.0049 292.9);
641
+ --olive-3: oklch(25.5% 0.0066 292.9);
642
+ --olive-4: oklch(28.5% 0.0091 292.9);
643
+ --olive-5: oklch(31.6% 0.0108 292.9);
644
+ --olive-6: oklch(35.3% 0.012 292.9);
645
+ --olive-7: oklch(40.6% 0.0146 292.9);
646
+ --olive-8: oklch(49.5% 0.0177 292.9);
647
+ --olive-9: oklch(64.6% 0.0193 292.9);
648
+ --olive-10: oklch(60.6% 0.0193 292.9);
649
+ --olive-11: oklch(77.5% 0.0158 292.9);
650
+ --olive-12: oklch(94.4% 0.0067 292.9);
651
+
652
+ --olive-a1: color(display-p3 0.0667 0.0667 0.9412 / 0.009);
653
+ --olive-a2: color(display-p3 0.8 0.8 0.9804 / 0.043);
654
+ --olive-a3: color(display-p3 0.8627 0.8196 0.9922 / 0.089);
655
+ --olive-a4: color(display-p3 0.8706 0.8392 1 / 0.122);
656
+ --olive-a5: color(display-p3 0.8784 0.851 1 / 0.16);
657
+ --olive-a6: color(display-p3 0.898 0.8784 1 / 0.198);
658
+ --olive-a7: color(display-p3 0.898 0.8824 1 / 0.265);
659
+ --olive-a8: color(display-p3 0.9137 0.8941 1 / 0.374);
660
+ --olive-a9: color(display-p3 0.9333 0.9176 1 / 0.568);
661
+ --olive-a10: color(display-p3 0.9255 0.9098 1 / 0.517);
662
+ --olive-a11: color(display-p3 0.9569 0.9451 1 / 0.727);
663
+ --olive-a12: color(display-p3 0.9765 0.9765 1 / 0.942);
664
+
665
+ --olive-contrast: #fff;
666
+ --olive-surface: color(display-p3 0.1255 0.1255 0.1412 / 0.5);
667
+ --olive-indicator: oklch(64.6% 0.0193 292.9);
668
+ --olive-track: oklch(64.6% 0.0193 292.9);
669
+
670
+ /* tomato */
671
+ --tomato-1: oklch(17.8% 0.0117 33.34);
672
+ --tomato-2: oklch(20.6% 0.0167 33.34);
673
+ --tomato-3: oklch(25.3% 0.0543 33.34);
674
+ --tomato-4: oklch(29.1% 0.087 33.34);
675
+ --tomato-5: oklch(33.1% 0.097 33.34);
676
+ --tomato-6: oklch(38% 0.0994 33.34);
677
+ --tomato-7: oklch(44.7% 0.1067 33.34);
678
+ --tomato-8: oklch(53.8% 0.13 33.34);
679
+ --tomato-9: oklch(62.7% 0.1936 33.34);
680
+ --tomato-10: oklch(58.6% 0.1936 33.34);
681
+ --tomato-11: oklch(78.4% 0.1635 33.34);
682
+ --tomato-12: oklch(89.9% 0.0466 33.34);
683
+
684
+ --tomato-a1: color(display-p3 0.9922 0 0 / 0.017);
685
+ --tomato-a2: color(display-p3 0.9922 0.3765 0.1451 / 0.051);
686
+ --tomato-a3: color(display-p3 0.9961 0.2824 0.0941 / 0.148);
687
+ --tomato-a4: color(display-p3 1 0.2196 0.0353 / 0.232);
688
+ --tomato-a5: color(display-p3 1 0.2824 0.1216 / 0.295);
689
+ --tomato-a6: color(display-p3 1 0.3922 0.2471 / 0.353);
690
+ --tomato-a7: color(display-p3 1 0.4706 0.3373 / 0.45);
691
+ --tomato-a8: color(display-p3 1 0.498 0.3686 / 0.601);
692
+ --tomato-a9: color(display-p3 1 0.4078 0.2667 / 0.82);
693
+ --tomato-a10: color(display-p3 1 0.3608 0.2157 / 0.761);
694
+ --tomato-a11: color(display-p3 1 0.6275 0.5176 / 0.937);
695
+ --tomato-a12: color(display-p3 1 0.8627 0.8314 / 0.958);
696
+
697
+ --tomato-contrast: #fff;
698
+ --tomato-surface: color(display-p3 0.1569 0.0941 0.0784 / 0.5);
699
+ --tomato-indicator: oklch(62.7% 0.1936 33.34);
700
+ --tomato-track: oklch(62.7% 0.1936 33.34);
701
+
702
+ /* ruby */
703
+ --ruby-1: oklch(17.8% 0.0137 13.15);
704
+ --ruby-2: oklch(20.6% 0.0159 13.15);
705
+ --ruby-3: oklch(25.3% 0.0602 13.15);
706
+ --ruby-4: oklch(29.2% 0.0888 13.15);
707
+ --ruby-5: oklch(33.2% 0.0997 13.15);
708
+ --ruby-6: oklch(38.2% 0.1049 13.15);
709
+ --ruby-7: oklch(44.8% 0.1164 13.15);
710
+ --ruby-8: oklch(54.4% 0.1452 13.15);
711
+ --ruby-9: oklch(62.8% 0.1949 13.15);
712
+ --ruby-10: oklch(58.7% 0.1949 13.15);
713
+ --ruby-11: oklch(78.6% 0.161 13.15);
714
+ --ruby-12: oklch(90.5% 0.0526 13.15);
715
+
716
+ --ruby-a1: color(display-p3 0.9608 0 0 / 0.022);
717
+ --ruby-a2: color(display-p3 0.9882 0.3176 0.4039 / 0.047);
718
+ --ruby-a3: color(display-p3 0.9961 0.1961 0.302 / 0.152);
719
+ --ruby-a4: color(display-p3 1 0.1882 0.3216 / 0.232);
720
+ --ruby-a5: color(display-p3 1 0.2588 0.3804 / 0.29);
721
+ --ruby-a6: color(display-p3 1 0.349 0.4353 / 0.362);
722
+ --ruby-a7: color(display-p3 1 0.4078 0.4902 / 0.463);
723
+ --ruby-a8: color(display-p3 1 0.4275 0.5176 / 0.631);
724
+ --ruby-a9: color(display-p3 1 0.3765 0.4824 / 0.82);
725
+ --ruby-a10: color(display-p3 1 0.3373 0.4549 / 0.757);
726
+ --ruby-a11: color(display-p3 1 0.6157 0.6588 / 0.937);
727
+ --ruby-a12: color(display-p3 1 0.8549 0.8667 / 0.971);
728
+
729
+ --ruby-contrast: #fff;
730
+ --ruby-surface: color(display-p3 0.1569 0.0941 0.0941 / 0.5);
731
+ --ruby-indicator: oklch(62.8% 0.1949 13.15);
732
+ --ruby-track: oklch(62.8% 0.1949 13.15);
733
+
734
+ /* pink */
735
+ --pink-1: oklch(17.8% 0.0174 346);
736
+ --pink-2: oklch(20.5% 0.0313 346);
737
+ --pink-3: oklch(26% 0.0611 346);
738
+ --pink-4: oklch(29.9% 0.0975 346);
739
+ --pink-5: oklch(33.8% 0.1041 346);
740
+ --pink-6: oklch(38.9% 0.1072 346);
741
+ --pink-7: oklch(45.9% 0.1192 346);
742
+ --pink-8: oklch(54.5% 0.1448 346);
743
+ --pink-9: oklch(61.7% 0.2076 346);
744
+ --pink-10: oklch(57.5% 0.2076 346);
745
+ --pink-11: oklch(78.9% 0.19 346);
746
+ --pink-12: oklch(90.5% 0.0586 346);
747
+
748
+ --pink-a1: color(display-p3 0.9608 0 0.4235 / 0.022);
749
+ --pink-a2: color(display-p3 0.9882 0.1294 0.6196 / 0.064);
750
+ --pink-a3: color(display-p3 0.9961 0.2549 0.7059 / 0.148);
751
+ --pink-a4: color(display-p3 1 0.1725 0.7255 / 0.227);
752
+ --pink-a5: color(display-p3 1 0.2627 0.7373 / 0.282);
753
+ --pink-a6: color(display-p3 1 0.3765 0.7725 / 0.345);
754
+ --pink-a7: color(display-p3 1 0.451 0.7922 / 0.45);
755
+ --pink-a8: color(display-p3 1 0.4667 0.8078 / 0.589);
756
+ --pink-a9: color(display-p3 1 0.3725 0.7843 / 0.761);
757
+ --pink-a10: color(display-p3 1 0.3216 0.7765 / 0.698);
758
+ --pink-a11: color(display-p3 1 0.5804 0.8667 / 0.933);
759
+ --pink-a12: color(display-p3 0.9961 0.851 0.9333 / 0.967);
760
+
761
+ --pink-contrast: #fff;
762
+ --pink-surface: color(display-p3 0.1725 0.0706 0.1333 / 0.5);
763
+ --pink-indicator: oklch(61.7% 0.2076 346);
764
+ --pink-track: oklch(61.7% 0.2076 346);
765
+
766
+ /* violet */
767
+ --violet-1: oklch(17.8% 0.0261 288);
768
+ --violet-2: oklch(20.9% 0.0315 288);
769
+ --violet-3: oklch(27% 0.0664 288);
770
+ --violet-4: oklch(31.2% 0.0929 288);
771
+ --violet-5: oklch(34.8% 0.0987 288);
772
+ --violet-6: oklch(39% 0.1022 288);
773
+ --violet-7: oklch(44.5% 0.111 288);
774
+ --violet-8: oklch(51.6% 0.1307 288);
775
+ --violet-9: oklch(54.2% 0.179 288);
776
+ --violet-10: oklch(49.5% 0.1307 288);
777
+ --violet-11: oklch(77.8% 0.1366 288);
778
+ --violet-12: oklch(91.2% 0.0452 288);
779
+
780
+ --violet-a1: color(display-p3 0 0 0.9804 / 0.043);
781
+ --violet-a2: color(display-p3 0.3451 0.298 0.9882 / 0.085);
782
+ --violet-a3: color(display-p3 0.4235 0.349 0.9961 / 0.211);
783
+ --violet-a4: color(display-p3 0.4431 0.3412 1 / 0.303);
784
+ --violet-a5: color(display-p3 0.4863 0.3961 1 / 0.358);
785
+ --violet-a6: color(display-p3 0.5216 0.4471 1 / 0.416);
786
+ --violet-a7: color(display-p3 0.5569 0.4863 1 / 0.505);
787
+ --violet-a8: color(display-p3 0.5765 0.5098 1 / 0.639);
788
+ --violet-a9: color(display-p3 0.5216 0.4235 1 / 0.769);
789
+ --violet-a10: color(display-p3 0.5608 0.4902 0.9961 / 0.61);
790
+ --violet-a11: color(display-p3 0.7137 0.6745 1 / 0.975);
791
+ --violet-a12: color(display-p3 0.8902 0.8824 1 / 0.988);
792
+
793
+ --violet-contrast: #fff;
794
+ --violet-surface: color(display-p3 0.1098 0.102 0.2196 / 0.5);
795
+ --violet-indicator: oklch(54.2% 0.179 288);
796
+ --violet-track: oklch(54.2% 0.179 288);
797
+
798
+ /* indigo */
799
+ --indigo-1: oklch(17.8% 0.0247 267);
800
+ --indigo-2: oklch(20.7% 0.0302 267);
801
+ --indigo-3: oklch(27.1% 0.0693 267);
802
+ --indigo-4: oklch(31.8% 0.0931 267);
803
+ --indigo-5: oklch(36.1% 0.1044 267);
804
+ --indigo-6: oklch(40.4% 0.1105 267);
805
+ --indigo-7: oklch(45% 0.1201 267);
806
+ --indigo-8: oklch(50.3% 0.1371 267);
807
+ --indigo-9: oklch(54.4% 0.191 267);
808
+ --indigo-10: oklch(49.7% 0.1371 267);
809
+ --indigo-11: oklch(77.7% 0.1232 267);
810
+ --indigo-12: oklch(91.1% 0.0428 267);
811
+
812
+ --indigo-a1: color(display-p3 0 0.0706 0.9804 / 0.043);
813
+ --indigo-a2: color(display-p3 0.1176 0.3608 1 / 0.08);
814
+ --indigo-a3: color(display-p3 0.2275 0.4039 1 / 0.223);
815
+ --indigo-a4: color(display-p3 0.2627 0.4196 1 / 0.324);
816
+ --indigo-a5: color(display-p3 0.302 0.451 1 / 0.4);
817
+ --indigo-a6: color(display-p3 0.3529 0.4902 1 / 0.467);
818
+ --indigo-a7: color(display-p3 0.3765 0.5137 1 / 0.543);
819
+ --indigo-a8: color(display-p3 0.3961 0.5294 1 / 0.648);
820
+ --indigo-a9: color(display-p3 0.3176 0.451 1 / 0.824);
821
+ --indigo-a10: color(display-p3 0.3843 0.5176 1 / 0.643);
822
+ --indigo-a11: color(display-p3 0.6196 0.7216 1 / 0.975);
823
+ --indigo-a12: color(display-p3 0.8549 0.898 1 / 0.988);
824
+
825
+ --indigo-contrast: #fff;
826
+ --indigo-surface: color(display-p3 0.0706 0.1098 0.2118 / 0.5);
827
+ --indigo-indicator: oklch(54.4% 0.191 267);
828
+ --indigo-track: oklch(54.4% 0.191 267);
829
+
830
+ /* blue */
831
+ --blue-1: oklch(17.8% 0.0258 251.8);
832
+ --blue-2: oklch(21% 0.0295 251.8);
833
+ --blue-3: oklch(27.3% 0.0669 251.8);
834
+ --blue-4: oklch(31.6% 0.1002 251.8);
835
+ --blue-5: oklch(36.4% 0.1084 251.8);
836
+ --blue-6: oklch(41.6% 0.1125 251.8);
837
+ --blue-7: oklch(47.5% 0.1211 251.8);
838
+ --blue-8: oklch(54.1% 0.1396 251.8);
839
+ --blue-9: oklch(64.9% 0.193 251.8);
840
+ --blue-10: oklch(60.9% 0.193 251.8);
841
+ --blue-11: oklch(76.8% 0.1347 251.8);
842
+ --blue-12: oklch(90.7% 0.0511 251.8);
843
+
844
+ --blue-a1: color(display-p3 0 0.1608 0.9804 / 0.043);
845
+ --blue-a2: color(display-p3 0.0235 0.4353 0.9882 / 0.085);
846
+ --blue-a3: color(display-p3 0.0863 0.4627 1 / 0.219);
847
+ --blue-a4: color(display-p3 0.0667 0.451 1 / 0.328);
848
+ --blue-a5: color(display-p3 0.1255 0.5059 1 / 0.404);
849
+ --blue-a6: color(display-p3 0.2235 0.5569 1 / 0.475);
850
+ --blue-a7: color(display-p3 0.2824 0.5922 1 / 0.568);
851
+ --blue-a8: color(display-p3 0.3059 0.5961 1 / 0.698);
852
+ --blue-a9: color(display-p3 0.251 0.5725 0.9961 / 0.967);
853
+ --blue-a10: color(display-p3 0.2392 0.549 0.9961 / 0.908);
854
+ --blue-a11: color(display-p3 0.5176 0.7333 1 / 0.975);
855
+ --blue-a12: color(display-p3 0.8118 0.898 1 / 0.988);
856
+
857
+ --blue-contrast: #fff;
858
+ --blue-surface: color(display-p3 0.0588 0.1255 0.2118 / 0.5);
859
+ --blue-indicator: oklch(64.9% 0.193 251.8);
860
+ --blue-track: oklch(64.9% 0.193 251.8);
861
+
862
+ /* teal */
863
+ --teal-1: oklch(17.8% 0.0123 182);
864
+ --teal-2: oklch(21.5% 0.0169 182);
865
+ --teal-3: oklch(27.3% 0.0378 182);
866
+ --teal-4: oklch(31.7% 0.0546 182);
867
+ --teal-5: oklch(36.2% 0.0601 182);
868
+ --teal-6: oklch(41.4% 0.0654 182);
869
+ --teal-7: oklch(47.3% 0.074 182);
870
+ --teal-8: oklch(53.9% 0.0867 182);
871
+ --teal-9: oklch(64.9% 0.1136 182);
872
+ --teal-10: oklch(60.9% 0.1136 182);
873
+ --teal-11: oklch(78.9% 0.1136 182);
874
+ --teal-12: oklch(90.5% 0.0722 182);
875
+
876
+ --teal-a1: color(display-p3 0 0.9412 0.0667 / 0.009);
877
+ --teal-a2: color(display-p3 0.2353 0.9882 0.8196 / 0.047);
878
+ --teal-a3: color(display-p3 0.2392 0.9961 0.8588 / 0.114);
879
+ --teal-a4: color(display-p3 0.2039 0.9961 0.8627 / 0.173);
880
+ --teal-a5: color(display-p3 0.3294 1 0.8824 / 0.227);
881
+ --teal-a6: color(display-p3 0.4078 1 0.8941 / 0.29);
882
+ --teal-a7: color(display-p3 0.4588 1 0.9137 / 0.362);
883
+ --teal-a8: color(display-p3 0.4667 1 0.9059 / 0.454);
884
+ --teal-a9: color(display-p3 0.4431 0.9961 0.902 / 0.614);
885
+ --teal-a10: color(display-p3 0.4196 1 0.902 / 0.559);
886
+ --teal-a11: color(display-p3 0.5725 1 0.9294 / 0.799);
887
+ --teal-a12: color(display-p3 0.7765 1 0.9529 / 0.929);
888
+
889
+ --teal-contrast: #fff;
890
+ --teal-surface: color(display-p3 0.0784 0.149 0.1333 / 0.5);
891
+ --teal-indicator: oklch(64.9% 0.1136 182);
892
+ --teal-track: oklch(64.9% 0.1136 182);
893
+
894
+ /* grass */
895
+ --grass-1: oklch(17.8% 0.0141 147.4);
896
+ --grass-2: oklch(20.9% 0.0141 147.4);
897
+ --grass-3: oklch(26.6% 0.03 147.4);
898
+ --grass-4: oklch(31.9% 0.0522 147.4);
899
+ --grass-5: oklch(36.7% 0.0619 147.4);
900
+ --grass-6: oklch(41.6% 0.0721 147.4);
901
+ --grass-7: oklch(46.8% 0.0835 147.4);
902
+ --grass-8: oklch(52.4% 0.0972 147.4);
903
+ --grass-9: oklch(65.1% 0.1468 147.4);
904
+ --grass-10: oklch(61.1% 0.1468 147.4);
905
+ --grass-11: oklch(78% 0.1421 147.4);
906
+ --grass-12: oklch(91.1% 0.078 147.4);
907
+
908
+ --grass-a1: color(display-p3 0 0.9412 0 / 0.009);
909
+ --grass-a2: color(display-p3 0.4824 0.9961 0.3765 / 0.038);
910
+ --grass-a3: color(display-p3 0.5882 0.9922 0.549 / 0.106);
911
+ --grass-a4: color(display-p3 0.5333 0.9961 0.5333 / 0.169);
912
+ --grass-a5: color(display-p3 0.5882 1 0.5686 / 0.227);
913
+ --grass-a6: color(display-p3 0.6078 1 0.5961 / 0.29);
914
+ --grass-a7: color(display-p3 0.6157 1 0.6039 / 0.358);
915
+ --grass-a8: color(display-p3 0.6196 1 0.6078 / 0.433);
916
+ --grass-a9: color(display-p3 0.5725 1 0.5686 / 0.622);
917
+ --grass-a10: color(display-p3 0.5373 1 0.5373 / 0.568);
918
+ --grass-a11: color(display-p3 0.6667 1 0.6588 / 0.795);
919
+ --grass-a12: color(display-p3 0.8431 1 0.8353 / 0.933);
920
+
921
+ --grass-contrast: #fff;
922
+ --grass-surface: color(display-p3 0.0941 0.1333 0.0941 / 0.5);
923
+ --grass-indicator: oklch(65.1% 0.1468 147.4);
924
+ --grass-track: oklch(65.1% 0.1468 147.4);
925
+
926
+ /* mint */
927
+ --mint-1: oklch(17.8% 0.0116 178);
928
+ --mint-2: oklch(20.8% 0.0173 178);
929
+ --mint-3: oklch(26.8% 0.039 178);
930
+ --mint-4: oklch(31.3% 0.058 178);
931
+ --mint-5: oklch(35.9% 0.0634 178);
932
+ --mint-6: oklch(41% 0.0666 178);
933
+ --mint-7: oklch(47.1% 0.0728 178);
934
+ --mint-8: oklch(54% 0.0851 178);
935
+ --mint-9: oklch(87% 0.0999 178);
936
+ --mint-10: oklch(83.9% 0.0999 178);
937
+ --mint-11: oklch(79.5% 0.0999 178);
938
+ --mint-12: oklch(93% 0.0569 178);
939
+
940
+ --mint-a1: color(display-p3 0 0.9412 0.0667 / 0.009);
941
+ --mint-a2: color(display-p3 0.1608 0.9804 0.7059 / 0.043);
942
+ --mint-a3: color(display-p3 0.2118 0.9961 0.8157 / 0.11);
943
+ --mint-a4: color(display-p3 0.1608 0.9961 0.8118 / 0.169);
944
+ --mint-a5: color(display-p3 0.2941 1 0.8275 / 0.227);
945
+ --mint-a6: color(display-p3 0.4118 1 0.851 / 0.286);
946
+ --mint-a7: color(display-p3 0.4784 1 0.8706 / 0.362);
947
+ --mint-a8: color(display-p3 0.4902 1 0.8824 / 0.454);
948
+ --mint-a9: color(display-p3 0.6784 0.9961 0.9137 / 0.904);
949
+ --mint-a10: color(display-p3 0.6627 1 0.9137 / 0.862);
950
+ --mint-a11: color(display-p3 0.6392 1 0.9098 / 0.803);
951
+ --mint-a12: color(display-p3 0.8353 1 0.9529 / 0.95);
952
+
953
+ --mint-contrast: #062822;
954
+ --mint-surface: color(display-p3 0.0706 0.1333 0.1176 / 0.5);
955
+ --mint-indicator: oklch(87% 0.0999 178);
956
+ --mint-track: oklch(87% 0.0999 178);
957
+
958
+ /* lime */
959
+ --lime-1: oklch(17.8% 0.0144 126.1);
960
+ --lime-2: oklch(20.8% 0.0193 126.1);
961
+ --lime-3: oklch(26.6% 0.0343 126.1);
962
+ --lime-4: oklch(31.6% 0.0469 126.1);
963
+ --lime-5: oklch(36.3% 0.0578 126.1);
964
+ --lime-6: oklch(41.2% 0.0685 126.1);
965
+ --lime-7: oklch(46.4% 0.08 126.1);
966
+ --lime-8: oklch(52.4% 0.0944 126.1);
967
+ --lime-9: oklch(88.7% 0.1747 126.1);
968
+ --lime-10: oklch(85.7% 0.1555 126.1);
969
+ --lime-11: oklch(86.8% 0.1555 126.1);
970
+ --lime-12: oklch(94.6% 0.0818 126.1);
971
+
972
+ --lime-a1: color(display-p3 0 0.8549 0 / 0.005);
973
+ --lime-a2: color(display-p3 0.6471 0.9922 0.0667 / 0.034);
974
+ --lime-a3: color(display-p3 0.7686 1 0.3412 / 0.101);
975
+ --lime-a4: color(display-p3 0.7961 1 0.3961 / 0.156);
976
+ --lime-a5: color(display-p3 0.8118 0.9961 0.4392 / 0.211);
977
+ --lime-a6: color(display-p3 0.8118 1 0.4471 / 0.269);
978
+ --lime-a7: color(display-p3 0.8353 1 0.4824 / 0.332);
979
+ --lime-a8: color(display-p3 0.8314 1 0.4784 / 0.412);
980
+ --lime-a9: color(display-p3 0.8392 1 0.502 / 0.925);
981
+ --lime-a10: color(display-p3 0.8471 1 0.5373 / 0.874);
982
+ --lime-a11: color(display-p3 0.851 1 0.5451 / 0.891);
983
+ --lime-a12: color(display-p3 0.9216 0.9961 0.7843 / 0.967);
984
+
985
+ --lime-contrast: #1d250f;
986
+ --lime-surface: color(display-p3 0.102 0.1255 0.0627 / 0.5);
987
+ --lime-indicator: oklch(88.7% 0.1747 126.1);
988
+ --lime-track: oklch(88.7% 0.1747 126.1);
989
+
990
+ /* yellow */
991
+ --yellow-1: oklch(17.8% 0.0121 100.9);
992
+ --yellow-2: oklch(20.9% 0.0162 100.9);
993
+ --yellow-3: oklch(25.8% 0.0425 100.9);
994
+ --yellow-4: oklch(29.4% 0.0652 100.9);
995
+ --yellow-5: oklch(33.4% 0.0742 100.9);
996
+ --yellow-6: oklch(38.5% 0.0723 100.9);
997
+ --yellow-7: oklch(45.2% 0.0756 100.9);
998
+ --yellow-8: oklch(53.5% 0.089 100.9);
999
+ --yellow-9: oklch(91.8% 0.1838 100.9);
1000
+ --yellow-10: oklch(88.8% 0.1582 100.9);
1001
+ --yellow-11: oklch(89% 0.1582 100.9);
1002
+ --yellow-12: oklch(93.9% 0.0687 100.9);
1003
+
1004
+ --yellow-a1: color(display-p3 0.8549 0.0706 0 / 0.005);
1005
+ --yellow-a2: color(display-p3 0.9961 0.7922 0.0706 / 0.038);
1006
+ --yellow-a3: color(display-p3 0.9961 0.8706 0 / 0.093);
1007
+ --yellow-a4: color(display-p3 1 0.8588 0 / 0.139);
1008
+ --yellow-a5: color(display-p3 0.9961 0.851 0 / 0.19);
1009
+ --yellow-a6: color(display-p3 1 0.8902 0.1804 / 0.244);
1010
+ --yellow-a7: color(display-p3 1 0.9176 0.3451 / 0.324);
1011
+ --yellow-a8: color(display-p3 1 0.9255 0.4039 / 0.429);
1012
+ --yellow-a9: color(display-p3 1 0.9216 0.3451 / 0.984);
1013
+ --yellow-a10: color(display-p3 1 0.9333 0.4314 / 0.929);
1014
+ --yellow-a11: color(display-p3 1 0.9333 0.4353 / 0.929);
1015
+ --yellow-a12: color(display-p3 1 0.9725 0.7804 / 0.95);
1016
+
1017
+ --yellow-contrast: #262209;
1018
+ --yellow-surface: color(display-p3 0.1255 0.1176 0.0627 / 0.5);
1019
+ --yellow-indicator: oklch(91.8% 0.1838 100.9);
1020
+ --yellow-track: oklch(91.8% 0.1838 100.9);
1021
+
1022
+ /* orange */
1023
+ --orange-1: oklch(17.8% 0.0119 45.02);
1024
+ --orange-2: oklch(20.7% 0.0192 45.02);
1025
+ --orange-3: oklch(25.7% 0.0452 45.02);
1026
+ --orange-4: oklch(29.3% 0.0796 45.02);
1027
+ --orange-5: oklch(33.4% 0.0867 45.02);
1028
+ --orange-6: oklch(38.6% 0.0868 45.02);
1029
+ --orange-7: oklch(45.3% 0.0946 45.02);
1030
+ --orange-8: oklch(54% 0.1161 45.02);
1031
+ --orange-9: oklch(69.1% 0.1909 45.02);
1032
+ --orange-10: oklch(65.3% 0.1909 45.02);
1033
+ --orange-11: oklch(79.9% 0.163 45.02);
1034
+ --orange-12: oklch(92.5% 0.0524 45.02);
1035
+
1036
+ --orange-a1: color(display-p3 0.9922 0 0 / 0.017);
1037
+ --orange-a2: color(display-p3 0.9922 0.3765 0.0706 / 0.051);
1038
+ --orange-a3: color(display-p3 1 0.4078 0.098 / 0.139);
1039
+ --orange-a4: color(display-p3 1 0.3176 0 / 0.219);
1040
+ --orange-a5: color(display-p3 1 0.3922 0.0549 / 0.278);
1041
+ --orange-a6: color(display-p3 1 0.4941 0.2196 / 0.341);
1042
+ --orange-a7: color(display-p3 1 0.5451 0.3098 / 0.433);
1043
+ --orange-a8: color(display-p3 1 0.5608 0.3333 / 0.58);
1044
+ --orange-a9: color(display-p3 1 0.4941 0.2157 / 0.895);
1045
+ --orange-a10: color(display-p3 1 0.4706 0.1765 / 0.841);
1046
+ --orange-a11: color(display-p3 1 0.6667 0.4706 / 0.942);
1047
+ --orange-a12: color(display-p3 1 0.8902 0.8196 / 0.975);
1048
+
1049
+ --orange-contrast: #fff;
1050
+ --orange-surface: color(display-p3 0.1647 0.0941 0.0627 / 0.5);
1051
+ --orange-indicator: oklch(69.1% 0.1909 45.02);
1052
+ --orange-track: oklch(69.1% 0.1909 45.02);
1053
+
1054
+ /* gold */
1055
+ --gold-1: oklch(17.8% 0.0034 77.7);
1056
+ --gold-2: oklch(21.3% 0.0047 77.7);
1057
+ --gold-3: oklch(25.3% 0.008 77.7);
1058
+ --gold-4: oklch(28.7% 0.0114 77.7);
1059
+ --gold-5: oklch(32.1% 0.0152 77.7);
1060
+ --gold-6: oklch(36.4% 0.0199 77.7);
1061
+ --gold-7: oklch(42% 0.0258 77.7);
1062
+ --gold-8: oklch(50.3% 0.034 77.7);
1063
+ --gold-9: oklch(62% 0.0492 77.7);
1064
+ --gold-10: oklch(57.9% 0.0492 77.7);
1065
+ --gold-11: oklch(78.8% 0.0391 77.7);
1066
+ --gold-12: oklch(92.7% 0.0217 77.7);
1067
+
1068
+ --gold-a1: color(display-p3 0.8549 0.0706 0 / 0.005);
1069
+ --gold-a2: color(display-p3 0.9961 0.8941 0.6863 / 0.038);
1070
+ --gold-a3: color(display-p3 1 0.902 0.7059 / 0.08);
1071
+ --gold-a4: color(display-p3 1 0.898 0.7333 / 0.118);
1072
+ --gold-a5: color(display-p3 1 0.898 0.749 / 0.156);
1073
+ --gold-a6: color(display-p3 0.9961 0.8863 0.702 / 0.211);
1074
+ --gold-a7: color(display-p3 1 0.902 0.7176 / 0.278);
1075
+ --gold-a8: color(display-p3 1 0.8902 0.7059 / 0.387);
1076
+ --gold-a9: color(display-p3 0.9961 0.8824 0.6902 / 0.551);
1077
+ --gold-a10: color(display-p3 1 0.8784 0.6667 / 0.496);
1078
+ --gold-a11: color(display-p3 1 0.9333 0.8196 / 0.757);
1079
+ --gold-a12: color(display-p3 1 0.9686 0.9098 / 0.925);
1080
+
1081
+ --gold-contrast: #fff;
1082
+ --gold-surface: color(display-p3 0.1333 0.1255 0.1098 / 0.5);
1083
+ --gold-indicator: oklch(62% 0.0492 77.7);
1084
+ --gold-track: oklch(62% 0.0492 77.7);
1085
+
1086
+ /* red */
1087
+ --red-1: oklch(17.8% 0.0133 23.03);
1088
+ --red-2: oklch(20.3% 0.0215 23.03);
1089
+ --red-3: oklch(25% 0.0642 23.03);
1090
+ --red-4: oklch(28.8% 0.0958 23.03);
1091
+ --red-5: oklch(33.1% 0.1065 23.03);
1092
+ --red-6: oklch(38.2% 0.1113 23.03);
1093
+ --red-7: oklch(45% 0.1205 23.03);
1094
+ --red-8: oklch(54.4% 0.1464 23.03);
1095
+ --red-9: oklch(62.6% 0.1933 23.03);
1096
+ --red-10: oklch(58.4% 0.1933 23.03);
1097
+ --red-11: oklch(78.4% 0.1617 23.03);
1098
+ --red-12: oklch(90.2% 0.0528 23.03);
1099
+
1100
+ --red-a1: color(display-p3 0.9608 0 0 / 0.022);
1101
+ --red-a2: color(display-p3 0.9961 0.2824 0.1412 / 0.055);
1102
+ --red-a3: color(display-p3 1 0.1686 0.1176 / 0.156);
1103
+ --red-a4: color(display-p3 1 0.1333 0.1333 / 0.236);
1104
+ --red-a5: color(display-p3 1 0.2235 0.2235 / 0.303);
1105
+ --red-a6: color(display-p3 1 0.3294 0.3059 / 0.374);
1106
+ --red-a7: color(display-p3 1 0.4078 0.3804 / 0.475);
1107
+ --red-a8: color(display-p3 1 0.4314 0.4196 / 0.635);
1108
+ --red-a9: color(display-p3 1 0.3882 0.3843 / 0.82);
1109
+ --red-a10: color(display-p3 1 0.3412 0.349 / 0.757);
1110
+ --red-a11: color(display-p3 1 0.6196 0.5922 / 0.937);
1111
+ --red-a12: color(display-p3 1 0.8549 0.8353 / 0.971);
1112
+
1113
+ --red-contrast: #fff;
1114
+ --red-surface: color(display-p3 0.1647 0.0784 0.0706 / 0.5);
1115
+ --red-indicator: oklch(62.6% 0.1933 23.03);
1116
+ --red-track: oklch(62.6% 0.1933 23.03);
1117
+
1118
+ /* green */
1119
+ --green-1: oklch(17.8% 0.0127 157.7);
1120
+ --green-2: oklch(21.1% 0.016 157.7);
1121
+ --green-3: oklch(27% 0.0388 157.7);
1122
+ --green-4: oklch(31.8% 0.0573 157.7);
1123
+ --green-5: oklch(36.5% 0.066 157.7);
1124
+ --green-6: oklch(41.3% 0.0733 157.7);
1125
+ --green-7: oklch(46.7% 0.0829 157.7);
1126
+ --green-8: oklch(52.7% 0.0962 157.7);
1127
+ --green-9: oklch(64.1% 0.1329 157.7);
1128
+ --green-10: oklch(60% 0.1329 157.7);
1129
+ --green-11: oklch(78% 0.1329 157.7);
1130
+ --green-12: oklch(90.5% 0.0828 157.7);
1131
+
1132
+ --green-a1: color(display-p3 0 0.9412 0 / 0.009);
1133
+ --green-a2: color(display-p3 0.3412 0.9804 0.5255 / 0.043);
1134
+ --green-a3: color(display-p3 0.3882 0.9961 0.6039 / 0.11);
1135
+ --green-a4: color(display-p3 0.3843 0.9961 0.6118 / 0.173);
1136
+ --green-a5: color(display-p3 0.4588 1 0.6275 / 0.232);
1137
+ --green-a6: color(display-p3 0.502 1 0.6627 / 0.29);
1138
+ --green-a7: color(display-p3 0.5216 1 0.698 / 0.362);
1139
+ --green-a8: color(display-p3 0.5373 1 0.698 / 0.442);
1140
+ --green-a9: color(display-p3 0.502 0.9961 0.6824 / 0.61);
1141
+ --green-a10: color(display-p3 0.4549 0.9961 0.6588 / 0.555);
1142
+ --green-a11: color(display-p3 0.6157 1 0.749 / 0.795);
1143
+ --green-a12: color(display-p3 0.8 1 0.8627 / 0.933);
1144
+
1145
+ --green-contrast: #fff;
1146
+ --green-surface: color(display-p3 0.0863 0.1412 0.102 / 0.5);
1147
+ --green-indicator: oklch(64.1% 0.1329 157.7);
1148
+ --green-track: oklch(64.1% 0.1329 157.7);
1149
+
1150
+ /* amber */
1151
+ --amber-1: oklch(17.8% 0.0111 84.13);
1152
+ --amber-2: oklch(21.1% 0.0156 84.13);
1153
+ --amber-3: oklch(25.7% 0.0384 84.13);
1154
+ --amber-4: oklch(29.6% 0.0623 84.13);
1155
+ --amber-5: oklch(33.6% 0.0708 84.13);
1156
+ --amber-6: oklch(38.7% 0.0684 84.13);
1157
+ --amber-7: oklch(45.3% 0.0714 84.13);
1158
+ --amber-8: oklch(53.6% 0.0842 84.13);
1159
+ --amber-9: oklch(85.4% 0.1572 84.13);
1160
+ --amber-10: oklch(82.2% 0.1572 84.13);
1161
+ --amber-11: oklch(87.3% 0.1528 84.13);
1162
+ --amber-12: oklch(93.5% 0.0628 84.13);
1163
+
1164
+ --amber-a1: color(display-p3 0.9412 0.0667 0 / 0.009);
1165
+ --amber-a2: color(display-p3 0.9804 0.7059 0.0706 / 0.043);
1166
+ --amber-a3: color(display-p3 0.9922 0.698 0 / 0.106);
1167
+ --amber-a4: color(display-p3 1 0.6667 0 / 0.164);
1168
+ --amber-a5: color(display-p3 1 0.6941 0 / 0.219);
1169
+ --amber-a6: color(display-p3 1 0.7686 0.2118 / 0.274);
1170
+ --amber-a7: color(display-p3 1 0.8039 0.3529 / 0.358);
1171
+ --amber-a8: color(display-p3 1 0.8157 0.3961 / 0.467);
1172
+ --amber-a9: color(display-p3 0.9961 0.8078 0.3569 / 0.963);
1173
+ --amber-a10: color(display-p3 1 0.8039 0.3294 / 0.916);
1174
+ --amber-a11: color(display-p3 0.9961 0.8314 0.4 / 0.967);
1175
+ --amber-a12: color(display-p3 1 0.9294 0.7647 / 0.979);
1176
+
1177
+ --amber-contrast: #2b2009;
1178
+ --amber-surface: color(display-p3 0.1412 0.1176 0.0627 / 0.5);
1179
+ --amber-indicator: oklch(85.4% 0.1572 84.13);
1180
+ --amber-track: oklch(85.4% 0.1572 84.13);
1181
+ }
1182
+ }
1183
+ }
1184
+ }