vanilla-jui 1.3.9 → 1.3.11

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