vanilla-jui 1.4.5 → 1.4.6

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 (103) hide show
  1. package/README.md +6 -0
  2. package/dist/index.d.ts +1273 -1896
  3. package/dist/index.js +1 -1
  4. package/dist/index.umd.js +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +21 -2
  7. package/src/components/accordion.ts +297 -216
  8. package/src/components/flow.ts +222 -258
  9. package/src/components/form.ts +44 -102
  10. package/src/components/menu.ts +268 -356
  11. package/src/components/modal.ts +181 -641
  12. package/src/components/offcanvas.ts +225 -106
  13. package/src/components/pagination.ts +296 -326
  14. package/src/components/sticky.ts +55 -54
  15. package/src/components/swiper.ts +237 -247
  16. package/src/components/tabs.ts +278 -271
  17. package/src/components/toc.ts +42 -46
  18. package/src/core/Component.ts +69 -47
  19. package/src/css/accordion.css +2 -2
  20. package/src/css/animation.css +1 -5
  21. package/src/css/avatar.css +1 -1
  22. package/src/css/badge.css +1 -1
  23. package/src/css/breadcrumb.css +9 -10
  24. package/src/css/button.css +1 -1
  25. package/src/css/card.css +2 -2
  26. package/src/css/color.css +974 -1002
  27. package/src/css/color_p3.css +974 -1004
  28. package/src/css/components.css +1 -1
  29. package/src/css/content.css +72 -63
  30. package/src/css/drop.css +1 -1
  31. package/src/css/editor.css +14 -14
  32. package/src/css/flow.css +4 -14
  33. package/src/css/font.css +5 -4
  34. package/src/css/form.css +76 -52
  35. package/src/css/gradient.css +299 -222
  36. package/src/css/icon.css +57 -57
  37. package/src/css/index.css +1 -1
  38. package/src/css/layout.css +13 -10
  39. package/src/css/loading.css +60 -12
  40. package/src/css/menu.css +262 -188
  41. package/src/css/modal.css +1 -1
  42. package/src/css/offcanvas.css +9 -13
  43. package/src/css/pagination.css +5 -1
  44. package/src/css/popup.css +1 -1
  45. package/src/css/skeleton.css +3 -2
  46. package/src/css/status.css +2 -3
  47. package/src/css/swiper.css +1 -1
  48. package/src/css/table.css +1 -1
  49. package/src/css/tabs.css +12 -11
  50. package/src/css/tag.css +1 -1
  51. package/src/css/theme-palette.css +19 -5
  52. package/src/css/themes/default/accordion.css +61 -61
  53. package/src/css/themes/default/avatar.css +54 -54
  54. package/src/css/themes/default/badge.css +62 -62
  55. package/src/css/themes/default/breadcrumb.css +23 -23
  56. package/src/css/themes/default/button.css +203 -203
  57. package/src/css/themes/default/content.css +53 -53
  58. package/src/css/themes/default/drop.css +10 -10
  59. package/src/css/themes/default/editor.css +9 -9
  60. package/src/css/themes/default/index.css +1 -1
  61. package/src/css/themes/default/loading.css +26 -20
  62. package/src/css/themes/default/menu.css +75 -11
  63. package/src/css/themes/default/modal.css +32 -36
  64. package/src/css/themes/default/pagination.css +7 -7
  65. package/src/css/themes/default/popup.css +6 -6
  66. package/src/css/themes/default/swiper.css +32 -32
  67. package/src/css/themes/default/table.css +16 -16
  68. package/src/css/themes/default/tabs.css +30 -30
  69. package/src/css/themes/default/tag.css +71 -71
  70. package/src/css/themes/default/theme-palette.css +11 -11
  71. package/src/css/themes/default/tip.css +42 -42
  72. package/src/css/themes/default/toast.css +60 -60
  73. package/src/css/themes/default/toolbar.css +23 -29
  74. package/src/css/themes/default/tooltip.css +43 -13
  75. package/src/css/themes/index.css +1 -1
  76. package/src/css/tip.css +2 -2
  77. package/src/css/toast.css +3 -3
  78. package/src/css/tokens.css +12 -17
  79. package/src/css/toolbar.css +9 -10
  80. package/src/css/tooltip.css +3 -2
  81. package/src/index.ts +22 -19
  82. package/src/{components → primitives}/drop.ts +58 -49
  83. package/src/{components → primitives}/icons.ts +1 -1
  84. package/src/primitives/loading.ts +23 -0
  85. package/src/primitives/parabola.ts +388 -0
  86. package/src/primitives/popup.ts +61 -0
  87. package/src/{components → primitives}/theme.ts +88 -57
  88. package/src/{components → primitives}/toast.ts +18 -25
  89. package/src/{components → primitives}/tooltip.ts +100 -25
  90. package/src/utilities/browser.ts +23 -49
  91. package/src/utilities/class-name.ts +5 -0
  92. package/src/utilities/dom.ts +14 -32
  93. package/src/utilities/function.ts +4 -0
  94. package/src/utilities/http.ts +7 -7
  95. package/src/utilities/id.ts +57 -0
  96. package/src/utilities/object.ts +5 -0
  97. package/src/utilities/timer.ts +38 -0
  98. package/src/utilities/types.ts +420 -0
  99. package/src/{components → validation}/validator.ts +64 -53
  100. package/src/components/parabola.ts +0 -335
  101. package/src/utilities/cache.ts +0 -57
  102. package/src/utilities/core.ts +0 -614
  103. package/src/utilities/storage.ts +0 -46
@@ -3,8 +3,7 @@
3
3
  */
4
4
 
5
5
  @layer color {
6
-
7
- /**
6
+ /**
8
7
  * Advanced color mode: display-p3
9
8
  *
10
9
  * gray, olive,
@@ -13,1007 +12,978 @@
13
12
  * teal, grass, mint, lime,
14
13
  * yellow, orange, gold
15
14
  */
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.3% 0.0028 259.7);
24
- --gray-2: oklch(98% 0.0053 259.7);
25
- --gray-3: oklch(96.1% 0.0127 259.7);
26
- --gray-4: oklch(93.6% 0.019 259.7);
27
- --gray-5: oklch(90.3% 0.0249 259.7);
28
- --gray-6: oklch(86.1% 0.0309 259.7);
29
- --gray-7: oklch(80.6% 0.0384 259.7);
30
- --gray-8: oklch(72.9% 0.0459 259.7);
31
- --gray-9: oklch(37.3% 0.0306 259.7);
32
- --gray-10: oklch(43.6% 0.0306 259.7);
33
- --gray-11: oklch(52.6% 0.0459 259.7);
34
- --gray-12: oklch(35.1% 0.0306 259.7);
35
-
36
- --gray-a1: color(display-p3 0.0235 0.349 1 / 0.012);
37
- --gray-a2: color(display-p3 0.0235 0.2392 0.6745 / 0.036);
38
- --gray-a3: color(display-p3 0.0078 0.2392 0.7098 / 0.067);
39
- --gray-a4: color(display-p3 0.0039 0.2549 0.6824 / 0.11);
40
- --gray-a5: color(display-p3 0.0039 0.2275 0.5765 / 0.157);
41
- --gray-a6: color(display-p3 0.0039 0.1843 0.5098 / 0.216);
42
- --gray-a7: color(display-p3 0.0039 0.1647 0.4706 / 0.295);
43
- --gray-a8: color(display-p3 0.0039 0.1412 0.4 / 0.397);
44
- --gray-a9: color(display-p3 0 0.0392 0.1176 / 0.777);
45
- --gray-a10: color(display-p3 0 0.0431 0.1294 / 0.71);
46
- --gray-a11: color(display-p3 0 0.0824 0.2353 / 0.632);
47
- --gray-a12: color(display-p3 0 0.0392 0.1137 / 0.8);
48
-
49
- --custom-contrast: #fff;
50
- --custom-surface: color(display-p3 0.9608 0.9647 0.9843 / 0.8);
51
- --custom-indicator: oklch(37.3% 0.0306 259.7);
52
- --custom-track: oklch(37.3% 0.0306 259.7);
53
-
54
-
55
- /* olive */
56
- --olive-1: oklch(99.3% 0.0013 120.4);
57
- --olive-2: oklch(98.3% 0.0036 120.4);
58
- --olive-3: oklch(95.5% 0.0062 120.4);
59
- --olive-4: oklch(93% 0.0091 120.4);
60
- --olive-5: oklch(90.5% 0.0125 120.4);
61
- --olive-6: oklch(87.8% 0.0167 120.4);
62
- --olive-7: oklch(83.9% 0.0223 120.4);
63
- --olive-8: oklch(77.6% 0.0302 120.4);
64
- --olive-9: oklch(55.8% 0.0322 120.4);
65
- --olive-10: oklch(51.2% 0.0254 120.4);
66
- --olive-11: oklch(50.4% 0.0254 120.4);
67
- --olive-12: oklch(27.3% 0.0107 120.4);
68
-
69
- --olive-a1: color(display-p3 0.349 0.349 0.0235 / 0.012);
70
- --olive-a2: color(display-p3 0.2667 0.3882 0.0196 / 0.032);
71
- --olive-a3: color(display-p3 0.1647 0.2706 0.0078 / 0.075);
72
- --olive-a4: color(display-p3 0.1451 0.2157 0.0039 / 0.11);
73
- --olive-a5: color(display-p3 0.1647 0.2157 0.0078 / 0.15);
74
- --olive-a6: color(display-p3 0.1843 0.2275 0.0078 / 0.197);
75
- --olive-a7: color(display-p3 0.1725 0.2314 0.0039 / 0.255);
76
- --olive-a8: color(display-p3 0.1608 0.2275 0.0039 / 0.35);
77
- --olive-a9: color(display-p3 0.0902 0.1255 0 / 0.608);
78
- --olive-a10: color(display-p3 0.0667 0.0902 0 / 0.648);
79
- --olive-a11: color(display-p3 0.0667 0.0902 0 / 0.655);
80
- --olive-a12: color(display-p3 0.0157 0.0235 0 / 0.863);
81
-
82
- --olive-contrast: #fff;
83
- --olive-surface: color(display-p3 0.9725 0.9765 0.9608 / 0.8);
84
- --olive-indicator: oklch(55.8% 0.0322 120.4);
85
- --olive-track: oklch(55.8% 0.0322 120.4);
86
-
87
-
88
- /* tomato */
89
- --tomato-1: oklch(99.4% 0.0033 25.33);
90
- --tomato-2: oklch(98.3% 0.0087 25.33);
91
- --tomato-3: oklch(95.6% 0.0226 25.33);
92
- --tomato-4: oklch(92.8% 0.0506 25.33);
93
- --tomato-5: oklch(89.6% 0.0665 25.33);
94
- --tomato-6: oklch(85.6% 0.0803 25.33);
95
- --tomato-7: oklch(80.7% 0.0966 25.33);
96
- --tomato-8: oklch(74.4% 0.1223 25.33);
97
- --tomato-9: oklch(63.7% 0.2078 25.33);
98
- --tomato-10: oklch(59.6% 0.2098 25.33);
99
- --tomato-11: oklch(55.9% 0.2078 25.33);
100
- --tomato-12: oklch(34% 0.1123 25.33);
101
-
102
- --tomato-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
103
- --tomato-a2: color(display-p3 0.8941 0.1294 0.0235 / 0.036);
104
- --tomato-a3: color(display-p3 0.8588 0.1059 0.0078 / 0.083);
105
- --tomato-a4: color(display-p3 0.851 0.1294 0.0039 / 0.157);
106
- --tomato-a5: color(display-p3 0.8549 0.1137 0.0039 / 0.216);
107
- --tomato-a6: color(display-p3 0.8627 0.1137 0.0039 / 0.283);
108
- --tomato-a7: color(display-p3 0.7961 0.0902 0.0039 / 0.361);
109
- --tomato-a8: color(display-p3 0.7608 0.0863 0.0039 / 0.471);
110
- --tomato-a9: color(display-p3 0.8118 0.0353 0 / 0.702);
111
- --tomato-a10: color(display-p3 0.749 0.0196 0 / 0.753);
112
- --tomato-a11: color(display-p3 0.698 0.0118 0 / 0.793);
113
- --tomato-a12: color(display-p3 0.2941 0.0118 0 / 0.895);
114
-
115
- --tomato-contrast: #fff;
116
- --tomato-surface: color(display-p3 0.9961 0.9647 0.9608 / 0.8);
117
- --tomato-indicator: oklch(63.7% 0.2078 25.33);
118
- --tomato-track: oklch(63.7% 0.2078 25.33);
119
-
120
- /* ruby */
121
- --ruby-1: oklch(99.4% 0.0036 16.44);
122
- --ruby-2: oklch(98.3% 0.0092 16.44);
123
- --ruby-3: oklch(95.4% 0.0244 16.44);
124
- --ruby-4: oklch(92.8% 0.0476 16.44);
125
- --ruby-5: oklch(89.6% 0.0619 16.44);
126
- --ruby-6: oklch(85.8% 0.0745 16.44);
127
- --ruby-7: oklch(81% 0.0897 16.44);
128
- --ruby-8: oklch(74.8% 0.114 16.44);
129
- --ruby-9: oklch(64.5% 0.2154 16.44);
130
- --ruby-10: oklch(60.5% 0.2168 16.44);
131
- --ruby-11: oklch(55% 0.2154 16.44);
132
- --ruby-12: oklch(34.1% 0.1213 16.44);
133
-
134
- --ruby-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
135
- --ruby-a2: color(display-p3 0.8784 0.0196 0.0196 / 0.032);
136
- --ruby-a3: color(display-p3 0.8118 0.0588 0.0078 / 0.083);
137
- --ruby-a4: color(display-p3 0.8314 0.0078 0.0353 / 0.138);
138
- --ruby-a5: color(display-p3 0.8353 0.0078 0.0275 / 0.189);
139
- --ruby-a6: color(display-p3 0.8118 0.0039 0.0039 / 0.248);
140
- --ruby-a7: color(display-p3 0.749 0.0039 0.0275 / 0.326);
141
- --ruby-a8: color(display-p3 0.7059 0.0039 0.0314 / 0.424);
142
- --ruby-a9: color(display-p3 0.8314 0 0.1098 / 0.691);
143
- --ruby-a10: color(display-p3 0.7725 0 0.1137 / 0.75);
144
- --ruby-a11: color(display-p3 0.702 0 0.1294 / 0.828);
145
- --ruby-a12: color(display-p3 0.3137 0 0.0471 / 0.906);
146
-
147
- --ruby-contrast: #fff;
148
- --ruby-surface: color(display-p3 0.9961 0.9608 0.9608 / 0.8);
149
- --ruby-indicator: oklch(64.5% 0.2154 16.44);
150
- --ruby-track: oklch(64.5% 0.2154 16.44);
151
-
152
-
153
- /* pink */
154
- --pink-1: oklch(99.4% 0.0034 354.3);
155
- --pink-2: oklch(98.2% 0.0083 354.3);
156
- --pink-3: oklch(95.4% 0.0263 354.3);
157
- --pink-4: oklch(92.5% 0.0411 354.3);
158
- --pink-5: oklch(89.3% 0.0537 354.3);
159
- --pink-6: oklch(85.5% 0.0649 354.3);
160
- --pink-7: oklch(80.8% 0.0794 354.3);
161
- --pink-8: oklch(75% 0.1005 354.3);
162
- --pink-9: oklch(65.6% 0.2118 354.3);
163
- --pink-10: oklch(61.6% 0.2102 354.3);
164
- --pink-11: oklch(55.3% 0.207 354.3);
165
- --pink-12: oklch(34.3% 0.1166 354.3);
166
-
167
- --pink-a1: color(display-p3 0.6745 0.0235 0.349 / 0.012);
168
- --pink-a2: color(display-p3 0.7569 0.0196 0.2667 / 0.032);
169
- --pink-a3: color(display-p3 0.8118 0.0078 0.3412 / 0.083);
170
- --pink-a4: color(display-p3 0.7961 0.0078 0.3294 / 0.134);
171
- --pink-a5: color(display-p3 0.749 0.0039 0.2824 / 0.185);
172
- --pink-a6: color(display-p3 0.6863 0.0039 0.2745 / 0.248);
173
- --pink-a7: color(display-p3 0.6196 0.0039 0.251 / 0.318);
174
- --pink-a8: color(display-p3 0.6118 0.0039 0.2588 / 0.412);
175
- --pink-a9: color(display-p3 0.7843 0 0.3882 / 0.667);
176
- --pink-a10: color(display-p3 0.7216 0 0.3686 / 0.718);
177
- --pink-a11: color(display-p3 0.6353 0 0.3333 / 0.797);
178
- --pink-a12: color(display-p3 0.2784 0 0.1373 / 0.891);
179
-
180
- --pink-contrast: #fff;
181
- --pink-surface: color(display-p3 0.9922 0.9608 0.9725 / 0.8);
182
- --pink-indicator: oklch(65.6% 0.2118 354.3);
183
- --pink-track: oklch(65.6% 0.2118 354.3);
184
-
185
-
186
- /* violet */
187
- --violet-1: oklch(99.3% 0.004 292.7);
188
- --violet-2: oklch(98.3% 0.0109 292.7);
189
- --violet-3: oklch(96.1% 0.0262 292.7);
190
- --violet-4: oklch(93.3% 0.0471 292.7);
191
- --violet-5: oklch(90.2% 0.0669 292.7);
192
- --violet-6: oklch(86.2% 0.0864 292.7);
193
- --violet-7: oklch(80.5% 0.1107 292.7);
194
- --violet-8: oklch(73.1% 0.1464 292.7);
195
- --violet-9: oklch(60.6% 0.2189 292.7);
196
- --violet-10: oklch(56.3% 0.2189 292.7);
197
- --violet-11: oklch(51.2% 0.2015 292.7);
198
- --violet-12: oklch(31.8% 0.1256 292.7);
199
-
200
- --violet-a1: color(display-p3 0.349 0.0235 1 / 0.012);
201
- --violet-a2: color(display-p3 0.1608 0.0235 0.8627 / 0.028);
202
- --violet-a3: color(display-p3 0.1294 0.0078 0.9412 / 0.063);
203
- --violet-a4: color(display-p3 0.1529 0.0039 0.9294 / 0.106);
204
- --violet-a5: color(display-p3 0.1765 0.0039 0.9255 / 0.157);
205
- --violet-a6: color(display-p3 0.1686 0.0039 0.9294 / 0.216);
206
- --violet-a7: color(display-p3 0.149 0.0039 0.9373 / 0.299);
207
- --violet-a8: color(display-p3 0.1725 0.0039 0.898 / 0.412);
208
- --violet-a9: color(display-p3 0.2353 0 0.8941 / 0.632);
209
- --violet-a10: color(display-p3 0.2275 0 0.8157 / 0.687);
210
- --violet-a11: color(display-p3 0.1922 0 0.6941 / 0.73);
211
- --violet-a12: color(display-p3 0.0941 0 0.3216 / 0.879);
212
-
213
- --violet-contrast: #fff;
214
- --violet-surface: color(display-p3 0.9725 0.9686 1 / 0.8);
215
- --violet-indicator: oklch(60.6% 0.2189 292.7);
216
- --violet-track: oklch(60.6% 0.2189 292.7);
217
-
218
-
219
- /* indigo */
220
- --indigo-1: oklch(99.4% 0.0026 277.1);
221
- --indigo-2: oklch(98.2% 0.0099 277.1);
222
- --indigo-3: oklch(96.1% 0.0192 277.1);
223
- --indigo-4: oklch(93.5% 0.0385 277.1);
224
- --indigo-5: oklch(90.4% 0.0576 277.1);
225
- --indigo-6: oklch(86.4% 0.077 277.1);
226
- --indigo-7: oklch(80.8% 0.0971 277.1);
227
- --indigo-8: oklch(72.9% 0.1293 277.1);
228
- --indigo-9: oklch(58.5% 0.2041 277.1);
229
- --indigo-10: oklch(54.2% 0.1907 277.1);
230
- --indigo-11: oklch(51% 0.1907 277.1);
231
- --indigo-12: oklch(31.4% 0.1064 277.1);
232
-
233
- --indigo-a1: color(display-p3 0.0196 0.0196 1 / 0.008);
234
- --indigo-a2: color(display-p3 0.0196 0.1451 0.8784 / 0.032);
235
- --indigo-a3: color(display-p3 0.0078 0.1294 0.9412 / 0.063);
236
- --indigo-a4: color(display-p3 0.0039 0.1529 0.9294 / 0.106);
237
- --indigo-a5: color(display-p3 0.0039 0.1725 0.9294 / 0.161);
238
- --indigo-a6: color(display-p3 0.0039 0.1294 0.9294 / 0.22);
239
- --indigo-a7: color(display-p3 0.0039 0.1176 0.9373 / 0.302);
240
- --indigo-a8: color(display-p3 0.0039 0.098 0.8784 / 0.416);
241
- --indigo-a9: color(display-p3 0 0.0157 0.8588 / 0.608);
242
- --indigo-a10: color(display-p3 0 0.0118 0.7294 / 0.651);
243
- --indigo-a11: color(display-p3 0 0.0078 0.6902 / 0.687);
244
- --indigo-a12: color(display-p3 0 0.0078 0.2784 / 0.851);
245
-
246
- --indigo-contrast: #fff;
247
- --indigo-surface: color(display-p3 0.9608 0.9725 1 / 0.8);
248
- --indigo-indicator: oklch(58.5% 0.2041 277.1);
249
- --indigo-track: oklch(58.5% 0.2041 277.1);
250
-
251
-
252
- /* blue */
253
- --blue-1: oklch(99.3% 0.0032 259.8);
254
- --blue-2: oklch(98.2% 0.0096 259.8);
255
- --blue-3: oklch(96% 0.0199 259.8);
256
- --blue-4: oklch(93.7% 0.0373 259.8);
257
- --blue-5: oklch(90.6% 0.054 259.8);
258
- --blue-6: oklch(86.4% 0.0697 259.8);
259
- --blue-7: oklch(80.9% 0.0894 259.8);
260
- --blue-8: oklch(73.4% 0.1221 259.8);
261
- --blue-9: oklch(62.3% 0.188 259.8);
262
- --blue-10: oklch(58.2% 0.1913 259.8);
263
- --blue-11: oklch(55.4% 0.188 259.8);
264
- --blue-12: oklch(32.3% 0.0976 259.8);
265
-
266
- --blue-a1: color(display-p3 0.0235 0.349 1 / 0.012);
267
- --blue-a2: color(display-p3 0.0235 0.349 0.8941 / 0.036);
268
- --blue-a3: color(display-p3 0.0078 0.3569 0.9529 / 0.079);
269
- --blue-a4: color(display-p3 0.0078 0.3804 0.9412 / 0.126);
270
- --blue-a5: color(display-p3 0.0078 0.3569 0.9412 / 0.189);
271
- --blue-a6: color(display-p3 0.0039 0.3373 0.9412 / 0.259);
272
- --blue-a7: color(display-p3 0.0039 0.3059 0.898 / 0.35);
273
- --blue-a8: color(display-p3 0.0039 0.298 0.8784 / 0.479);
274
- --blue-a9: color(display-p3 0 0.2824 0.902 / 0.695);
275
- --blue-a10: color(display-p3 0 0.2627 0.8431 / 0.75);
276
- --blue-a11: color(display-p3 0 0.251 0.7961 / 0.773);
277
- --blue-a12: color(display-p3 0 0.098 0.3098 / 0.899);
278
-
279
- --blue-contrast: #fff;
280
- --blue-surface: color(display-p3 0.9569 0.9725 1 / 0.8);
281
- --blue-indicator: oklch(62.3% 0.188 259.8);
282
- --blue-track: oklch(62.3% 0.188 259.8);
283
-
284
-
285
- /* teal */
286
- --teal-1: oklch(99.3% 0.0061 182.5);
287
- --teal-2: oklch(98.2% 0.0116 182.5);
288
- --teal-3: oklch(96% 0.0345 182.5);
289
- --teal-4: oklch(93.3% 0.0542 182.5);
290
- --teal-5: oklch(89.9% 0.0702 182.5);
291
- --teal-6: oklch(85.6% 0.083 182.5);
292
- --teal-7: oklch(79.8% 0.0979 182.5);
293
- --teal-8: oklch(72.2% 0.123 182.5);
294
- --teal-9: oklch(70.4% 0.123 182.5);
295
- --teal-10: oklch(66.6% 0.123 182.5);
296
- --teal-11: oklch(51.2% 0.1096 182.5);
297
- --teal-12: oklch(35% 0.0583 182.5);
298
-
299
- --teal-a1: color(display-p3 0.0196 0.8039 0.6078 / 0.02);
300
- --teal-a2: color(display-p3 0.0235 0.7569 0.5922 / 0.048);
301
- --teal-a3: color(display-p3 0.0078 0.8157 0.6275 / 0.126);
302
- --teal-a4: color(display-p3 0 0.7843 0.6275 / 0.2);
303
- --teal-a5: color(display-p3 0.0039 0.7333 0.5961 / 0.279);
304
- --teal-a6: color(display-p3 0.0039 0.6667 0.5333 / 0.361);
305
- --teal-a7: color(display-p3 0.0039 0.6118 0.498 / 0.475);
306
- --teal-a8: color(display-p3 0 0.5843 0.4941 / 0.644);
307
- --teal-a9: color(display-p3 0 0.5647 0.4784 / 0.667);
308
- --teal-a10: color(display-p3 0 0.5176 0.4314 / 0.699);
309
- --teal-a11: color(display-p3 0 0.3333 0.2745 / 0.797);
310
- --teal-a12: color(display-p3 0 0.1686 0.1412 / 0.887);
311
-
312
- --teal-contrast: #fff;
313
- --teal-surface: color(display-p3 0.9412 0.9804 0.9765 / 0.8);
314
- --teal-indicator: oklch(70.4% 0.123 182.5);
315
- --teal-track: oklch(70.4% 0.123 182.5);
316
-
317
-
318
- /* grass */
319
- --grass-1: oklch(99.4% 0.0079 149.6);
320
- --grass-2: oklch(98.2% 0.0136 149.6);
321
- --grass-3: oklch(96.1% 0.0342 149.6);
322
- --grass-4: oklch(93.4% 0.0546 149.6);
323
- --grass-5: oklch(90.1% 0.0781 149.6);
324
- --grass-6: oklch(85.8% 0.1054 149.6);
325
- --grass-7: oklch(79.8% 0.1403 149.6);
326
- --grass-8: oklch(71.6% 0.192 149.6);
327
- --grass-9: oklch(72.3% 0.192 149.6);
328
- --grass-10: oklch(68.6% 0.192 149.6);
329
- --grass-11: oklch(52.7% 0.1914 149.6);
330
- --grass-12: oklch(32.7% 0.079 149.6);
331
-
332
- --grass-a1: color(display-p3 0.2157 1 0.0196 / 0.02);
333
- --grass-a2: color(display-p3 0.0235 0.7098 0.0235 / 0.04);
334
- --grass-a3: color(display-p3 0.0118 0.7137 0.0118 / 0.095);
335
- --grass-a4: color(display-p3 0.0039 0.6941 0.0039 / 0.153);
336
- --grass-a5: color(display-p3 0.0039 0.6941 0.0196 / 0.228);
337
- --grass-a6: color(display-p3 0.0039 0.6471 0.0392 / 0.322);
338
- --grass-a7: color(display-p3 0.0039 0.6235 0.0471 / 0.448);
339
- --grass-a8: color(display-p3 0 0.6157 0.0745 / 0.64);
340
- --grass-a9: color(display-p3 0 0.6235 0.0706 / 0.632);
341
- --grass-a10: color(display-p3 0 0.5765 0.0706 / 0.675);
342
- --grass-a11: color(display-p3 0.0235 0.3843 0 / 0.793);
343
- --grass-a12: color(display-p3 0 0.1451 0.0196 / 0.887);
344
-
345
- --grass-contrast: #fff;
346
- --grass-surface: color(display-p3 0.9529 0.9843 0.9529 / 0.8);
347
- --grass-indicator: oklch(72.3% 0.192 149.6);
348
- --grass-track: oklch(72.3% 0.192 149.6);
349
-
350
-
351
- /* mint */
352
- --mint-1: oklch(99.2% 0.0043 215.2);
353
- --mint-2: oklch(98% 0.0103 215.2);
354
- --mint-3: oklch(95.8% 0.0303 215.2);
355
- --mint-4: oklch(93.2% 0.0472 215.2);
356
- --mint-5: oklch(90% 0.0616 215.2);
357
- --mint-6: oklch(85.9% 0.0755 215.2);
358
- --mint-7: oklch(80.5% 0.0935 215.2);
359
- --mint-8: oklch(72.7% 0.1257 215.2);
360
- --mint-9: oklch(71.5% 0.1257 215.2);
361
- --mint-10: oklch(67.8% 0.1257 215.2);
362
- --mint-11: oklch(54% 0.1257 215.2);
363
- --mint-12: oklch(33.2% 0.0604 215.2);
364
-
365
- --mint-a1: color(display-p3 0.0196 0.6078 0.8039 / 0.02);
366
- --mint-a2: color(display-p3 0.0235 0.5922 0.8392 / 0.048);
367
- --mint-a3: color(display-p3 0.0039 0.7137 0.9373 / 0.122);
368
- --mint-a4: color(display-p3 0.0078 0.6902 0.9176 / 0.189);
369
- --mint-a5: color(display-p3 0.0039 0.6431 0.8667 / 0.263);
370
- --mint-a6: color(display-p3 0.0039 0.6078 0.8118 / 0.35);
371
- --mint-a7: color(display-p3 0.0039 0.5765 0.7569 / 0.463);
372
- --mint-a8: color(display-p3 0 0.5765 0.7451 / 0.663);
373
- --mint-a9: color(display-p3 0 0.5608 0.7294 / 0.679);
374
- --mint-a10: color(display-p3 0 0.5098 0.6706 / 0.702);
375
- --mint-a11: color(display-p3 0 0.349 0.4784 / 0.789);
376
- --mint-a12: color(display-p3 0 0.1647 0.2157 / 0.914);
377
-
378
- --mint-contrast: #fff;
379
- --mint-surface: color(display-p3 0.9412 0.9765 0.9843 / 0.8);
380
- --mint-indicator: oklch(71.5% 0.1257 215.2);
381
- --mint-track: oklch(71.5% 0.1257 215.2);
382
-
383
-
384
- /* lime */
385
- --lime-1: oklch(99.2% 0.0064 130.8);
386
- --lime-2: oklch(98.2% 0.0148 130.8);
387
- --lime-3: oklch(95.9% 0.0657 130.8);
388
- --lime-4: oklch(93.2% 0.1045 130.8);
389
- --lime-5: oklch(89.7% 0.132 130.8);
390
- --lime-6: oklch(85.3% 0.1507 130.8);
391
- --lime-7: oklch(79.5% 0.168 130.8);
392
- --lime-8: oklch(72.4% 0.2044 130.8);
393
- --lime-9: oklch(76.8% 0.2044 130.8);
394
- --lime-10: oklch(73.4% 0.2044 130.8);
395
- --lime-11: oklch(54.4% 0.1688 130.8);
396
- --lime-12: oklch(35.4% 0.0871 130.8);
397
-
398
- --lime-a1: color(display-p3 0.349 0.6745 0.0235 / 0.024);
399
- --lime-a2: color(display-p3 0.3882 0.6941 0.0039 / 0.051);
400
- --lime-a3: color(display-p3 0.4824 0.8941 0.0039 / 0.181);
401
- --lime-a4: color(display-p3 0.4745 0.8824 0.0039 / 0.291);
402
- --lime-a5: color(display-p3 0.4627 0.8314 0.0039 / 0.393);
403
- --lime-a6: color(display-p3 0.4235 0.7608 0.0039 / 0.491);
404
- --lime-a7: color(display-p3 0.3922 0.6863 0 / 0.6);
405
- --lime-a8: color(display-p3 0.3922 0.6588 0 / 0.781);
406
- --lime-a9: color(display-p3 0.4353 0.7176 0 / 0.742);
407
- --lime-a10: color(display-p3 0.4 0.6745 0 / 0.773);
408
- --lime-a11: color(display-p3 0.2392 0.4235 0 / 0.859);
409
- --lime-a12: color(display-p3 0.1137 0.1961 0 / 0.918);
410
-
411
- --lime-contrast: #1b2611;
412
- --lime-surface: color(display-p3 0.9608 0.9804 0.9373 / 0.8);
413
- --lime-indicator: oklch(76.8% 0.2044 130.8);
414
- --lime-track: oklch(76.8% 0.2044 130.8);
415
-
416
-
417
- /* yellow */
418
- --yellow-1: oklch(99.3% 0.0046 86.05);
419
- --yellow-2: oklch(98.7% 0.0288 86.05);
420
- --yellow-3: oklch(97.2% 0.0898 86.05);
421
- --yellow-4: oklch(94.9% 0.1296 86.05);
422
- --yellow-5: oklch(92.2% 0.1609 86.05);
423
- --yellow-6: oklch(88.1% 0.1511 86.05);
424
- --yellow-7: oklch(83.1% 0.1419 86.05);
425
- --yellow-8: oklch(76.2% 0.1617 86.05);
426
- --yellow-9: oklch(79.5% 0.1617 86.05);
427
- --yellow-10: oklch(76.2% 0.1617 86.05);
428
- --yellow-11: oklch(57.2% 0.1617 86.05);
429
- --yellow-12: oklch(35.5% 0.0532 86.05);
430
-
431
- --yellow-a1: color(display-p3 0.8392 0.6745 0.0235 / 0.024);
432
- --yellow-a2: color(display-p3 0.9608 0.7961 0.0118 / 0.095);
433
- --yellow-a3: color(display-p3 0.9725 0.8157 0.0039 / 0.251);
434
- --yellow-a4: color(display-p3 0.9569 0.7765 0.0039 / 0.35);
435
- --yellow-a5: color(display-p3 0.9608 0.749 0.0039 / 0.479);
436
- --yellow-a6: color(display-p3 0.9529 0.702 0 / 0.593);
437
- --yellow-a7: color(display-p3 0.8627 0.6157 0 / 0.62);
438
- --yellow-a8: color(display-p3 0.7961 0.5725 0 / 0.777);
439
- --yellow-a9: color(display-p3 0.851 0.6157 0 / 0.757);
440
- --yellow-a10: color(display-p3 0.7961 0.5725 0 / 0.777);
441
- --yellow-a11: color(display-p3 0.5176 0.3569 0 / 0.859);
442
- --yellow-a12: color(display-p3 0.1804 0.1333 0 / 0.887);
443
-
444
- --yellow-contrast: #2a2009;
445
- --yellow-surface: color(display-p3 1 0.9765 0.8902 / 0.8);
446
- --yellow-indicator: oklch(79.5% 0.1617 86.05);
447
- --yellow-track: oklch(79.5% 0.1617 86.05);
448
-
449
-
450
- /* orange */
451
- --orange-1: oklch(99.2% 0.0026 47.6);
452
- --orange-2: oklch(97.9% 0.0145 47.6);
453
- --orange-3: oklch(95.7% 0.0348 47.6);
454
- --orange-4: oklch(92.1% 0.0768 47.6);
455
- --orange-5: oklch(89% 0.1012 47.6);
456
- --orange-6: oklch(85.7% 0.1052 47.6);
457
- --orange-7: oklch(80.5% 0.1086 47.6);
458
- --orange-8: oklch(74.5% 0.128 47.6);
459
- --orange-9: oklch(70.5% 0.1867 47.6);
460
- --orange-10: oklch(66.8% 0.1899 47.6);
461
- --orange-11: oklch(59% 0.1822 47.6);
462
- --orange-12: oklch(35% 0.0677 47.6);
463
-
464
- --orange-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
465
- --orange-a2: color(display-p3 0.8588 0.2902 0.0039 / 0.055);
466
- --orange-a3: color(display-p3 0.9098 0.4118 0.0078 / 0.126);
467
- --orange-a4: color(display-p3 0.9059 0.3922 0.0039 / 0.244);
468
- --orange-a5: color(display-p3 0.902 0.3725 0.0039 / 0.318);
469
- --orange-a6: color(display-p3 0.902 0.3569 0.0039 / 0.397);
470
- --orange-a7: color(display-p3 0.851 0.3137 0.0039 / 0.467);
471
- --orange-a8: color(display-p3 0.7961 0.2902 0 / 0.581);
472
- --orange-a9: color(display-p3 0.8863 0.3451 0 / 0.793);
473
- --orange-a10: color(display-p3 0.8392 0.3176 0 / 0.832);
474
- --orange-a11: color(display-p3 0.7137 0.2392 0 / 0.863);
475
- --orange-a12: color(display-p3 0.2314 0.0824 0 / 0.887);
476
-
477
- --orange-contrast: #fff;
478
- --orange-surface: color(display-p3 1 0.9569 0.9333 / 0.8);
479
- --orange-indicator: oklch(70.5% 0.1867 47.6);
480
- --orange-track: oklch(70.5% 0.1867 47.6);
481
-
482
-
483
- /* gold */
484
- --gold-1: oklch(99.3% 0.0023 49);
485
- --gold-2: oklch(98.3% 0.0186 49);
486
- --gold-3: oklch(96.5% 0.0513 49);
487
- --gold-4: oklch(93.6% 0.0863 49);
488
- --gold-5: oklch(90.8% 0.1107 49);
489
- --gold-6: oklch(87.2% 0.1062 49);
490
- --gold-7: oklch(81.9% 0.1067 49);
491
- --gold-8: oklch(75.3% 0.1248 49);
492
- --gold-9: oklch(55.5% 0.1455 49);
493
- --gold-10: oklch(51% 0.1455 49);
494
- --gold-11: oklch(57.8% 0.1455 49);
495
- --gold-12: oklch(35.1% 0.0517 49);
496
-
497
- --gold-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
498
- --gold-a2: color(display-p3 0.8706 0.4039 0.0039 / 0.059);
499
- --gold-a3: color(display-p3 0.9176 0.4627 0.0078 / 0.138);
500
- --gold-a4: color(display-p3 0.9059 0.4157 0.0039 / 0.208);
501
- --gold-a5: color(display-p3 0.9059 0.4078 0.0039 / 0.283);
502
- --gold-a6: color(display-p3 0.898 0.3725 0.0039 / 0.373);
503
- --gold-a7: color(display-p3 0.8784 0.3333 0.0039 / 0.451);
504
- --gold-a8: color(display-p3 0.8 0.3059 0 / 0.569);
505
- --gold-a9: color(display-p3 0.6039 0.2471 0 / 0.863);
506
- --gold-a10: color(display-p3 0.5529 0.2118 0 / 0.895);
507
- --gold-a11: color(display-p3 0.6275 0.2471 0 / 0.832);
508
- --gold-a12: color(display-p3 0.1843 0.0627 0 / 0.855);
509
-
510
- --gold-contrast: #fff;
511
- --gold-surface: color(display-p3 1 0.9608 0.9294 / 0.8);
512
- --gold-indicator: oklch(55.5% 0.1455 49);
513
- --gold-track: oklch(55.5% 0.1455 49);
514
- }
515
- }
15
+ @supports (color: color(display-p3 1 1 1)) {
16
+ @media (color-gamut: p3) {
17
+ :root,
18
+ .light,
19
+ .light-theme {
20
+ /* gray */
21
+ --gray-1: oklch(99.3% 0.0028 259.7);
22
+ --gray-2: oklch(98% 0.0053 259.7);
23
+ --gray-3: oklch(96.1% 0.0127 259.7);
24
+ --gray-4: oklch(93.6% 0.019 259.7);
25
+ --gray-5: oklch(90.3% 0.0249 259.7);
26
+ --gray-6: oklch(86.1% 0.0309 259.7);
27
+ --gray-7: oklch(80.6% 0.0384 259.7);
28
+ --gray-8: oklch(72.9% 0.0459 259.7);
29
+ --gray-9: oklch(37.3% 0.0306 259.7);
30
+ --gray-10: oklch(43.6% 0.0306 259.7);
31
+ --gray-11: oklch(52.6% 0.0459 259.7);
32
+ --gray-12: oklch(35.1% 0.0306 259.7);
33
+
34
+ --gray-a1: color(display-p3 0.0235 0.349 1 / 0.012);
35
+ --gray-a2: color(display-p3 0.0235 0.2392 0.6745 / 0.036);
36
+ --gray-a3: color(display-p3 0.0078 0.2392 0.7098 / 0.067);
37
+ --gray-a4: color(display-p3 0.0039 0.2549 0.6824 / 0.11);
38
+ --gray-a5: color(display-p3 0.0039 0.2275 0.5765 / 0.157);
39
+ --gray-a6: color(display-p3 0.0039 0.1843 0.5098 / 0.216);
40
+ --gray-a7: color(display-p3 0.0039 0.1647 0.4706 / 0.295);
41
+ --gray-a8: color(display-p3 0.0039 0.1412 0.4 / 0.397);
42
+ --gray-a9: color(display-p3 0 0.0392 0.1176 / 0.777);
43
+ --gray-a10: color(display-p3 0 0.0431 0.1294 / 0.71);
44
+ --gray-a11: color(display-p3 0 0.0824 0.2353 / 0.632);
45
+ --gray-a12: color(display-p3 0 0.0392 0.1137 / 0.8);
46
+
47
+ --custom-contrast: #fff;
48
+ --custom-surface: color(display-p3 0.9608 0.9647 0.9843 / 0.8);
49
+ --custom-indicator: oklch(37.3% 0.0306 259.7);
50
+ --custom-track: oklch(37.3% 0.0306 259.7);
51
+
52
+ /* olive */
53
+ --olive-1: oklch(99.3% 0.0013 120.4);
54
+ --olive-2: oklch(98.3% 0.0036 120.4);
55
+ --olive-3: oklch(95.5% 0.0062 120.4);
56
+ --olive-4: oklch(93% 0.0091 120.4);
57
+ --olive-5: oklch(90.5% 0.0125 120.4);
58
+ --olive-6: oklch(87.8% 0.0167 120.4);
59
+ --olive-7: oklch(83.9% 0.0223 120.4);
60
+ --olive-8: oklch(77.6% 0.0302 120.4);
61
+ --olive-9: oklch(55.8% 0.0322 120.4);
62
+ --olive-10: oklch(51.2% 0.0254 120.4);
63
+ --olive-11: oklch(50.4% 0.0254 120.4);
64
+ --olive-12: oklch(27.3% 0.0107 120.4);
65
+
66
+ --olive-a1: color(display-p3 0.349 0.349 0.0235 / 0.012);
67
+ --olive-a2: color(display-p3 0.2667 0.3882 0.0196 / 0.032);
68
+ --olive-a3: color(display-p3 0.1647 0.2706 0.0078 / 0.075);
69
+ --olive-a4: color(display-p3 0.1451 0.2157 0.0039 / 0.11);
70
+ --olive-a5: color(display-p3 0.1647 0.2157 0.0078 / 0.15);
71
+ --olive-a6: color(display-p3 0.1843 0.2275 0.0078 / 0.197);
72
+ --olive-a7: color(display-p3 0.1725 0.2314 0.0039 / 0.255);
73
+ --olive-a8: color(display-p3 0.1608 0.2275 0.0039 / 0.35);
74
+ --olive-a9: color(display-p3 0.0902 0.1255 0 / 0.608);
75
+ --olive-a10: color(display-p3 0.0667 0.0902 0 / 0.648);
76
+ --olive-a11: color(display-p3 0.0667 0.0902 0 / 0.655);
77
+ --olive-a12: color(display-p3 0.0157 0.0235 0 / 0.863);
78
+
79
+ --olive-contrast: #fff;
80
+ --olive-surface: color(display-p3 0.9725 0.9765 0.9608 / 0.8);
81
+ --olive-indicator: oklch(55.8% 0.0322 120.4);
82
+ --olive-track: oklch(55.8% 0.0322 120.4);
83
+
84
+ /* tomato */
85
+ --tomato-1: oklch(99.4% 0.0033 25.33);
86
+ --tomato-2: oklch(98.3% 0.0087 25.33);
87
+ --tomato-3: oklch(95.6% 0.0226 25.33);
88
+ --tomato-4: oklch(92.8% 0.0506 25.33);
89
+ --tomato-5: oklch(89.6% 0.0665 25.33);
90
+ --tomato-6: oklch(85.6% 0.0803 25.33);
91
+ --tomato-7: oklch(80.7% 0.0966 25.33);
92
+ --tomato-8: oklch(74.4% 0.1223 25.33);
93
+ --tomato-9: oklch(63.7% 0.2078 25.33);
94
+ --tomato-10: oklch(59.6% 0.2098 25.33);
95
+ --tomato-11: oklch(55.9% 0.2078 25.33);
96
+ --tomato-12: oklch(34% 0.1123 25.33);
97
+
98
+ --tomato-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
99
+ --tomato-a2: color(display-p3 0.8941 0.1294 0.0235 / 0.036);
100
+ --tomato-a3: color(display-p3 0.8588 0.1059 0.0078 / 0.083);
101
+ --tomato-a4: color(display-p3 0.851 0.1294 0.0039 / 0.157);
102
+ --tomato-a5: color(display-p3 0.8549 0.1137 0.0039 / 0.216);
103
+ --tomato-a6: color(display-p3 0.8627 0.1137 0.0039 / 0.283);
104
+ --tomato-a7: color(display-p3 0.7961 0.0902 0.0039 / 0.361);
105
+ --tomato-a8: color(display-p3 0.7608 0.0863 0.0039 / 0.471);
106
+ --tomato-a9: color(display-p3 0.8118 0.0353 0 / 0.702);
107
+ --tomato-a10: color(display-p3 0.749 0.0196 0 / 0.753);
108
+ --tomato-a11: color(display-p3 0.698 0.0118 0 / 0.793);
109
+ --tomato-a12: color(display-p3 0.2941 0.0118 0 / 0.895);
110
+
111
+ --tomato-contrast: #fff;
112
+ --tomato-surface: color(display-p3 0.9961 0.9647 0.9608 / 0.8);
113
+ --tomato-indicator: oklch(63.7% 0.2078 25.33);
114
+ --tomato-track: oklch(63.7% 0.2078 25.33);
115
+
116
+ /* ruby */
117
+ --ruby-1: oklch(99.4% 0.0036 16.44);
118
+ --ruby-2: oklch(98.3% 0.0092 16.44);
119
+ --ruby-3: oklch(95.4% 0.0244 16.44);
120
+ --ruby-4: oklch(92.8% 0.0476 16.44);
121
+ --ruby-5: oklch(89.6% 0.0619 16.44);
122
+ --ruby-6: oklch(85.8% 0.0745 16.44);
123
+ --ruby-7: oklch(81% 0.0897 16.44);
124
+ --ruby-8: oklch(74.8% 0.114 16.44);
125
+ --ruby-9: oklch(64.5% 0.2154 16.44);
126
+ --ruby-10: oklch(60.5% 0.2168 16.44);
127
+ --ruby-11: oklch(55% 0.2154 16.44);
128
+ --ruby-12: oklch(34.1% 0.1213 16.44);
129
+
130
+ --ruby-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
131
+ --ruby-a2: color(display-p3 0.8784 0.0196 0.0196 / 0.032);
132
+ --ruby-a3: color(display-p3 0.8118 0.0588 0.0078 / 0.083);
133
+ --ruby-a4: color(display-p3 0.8314 0.0078 0.0353 / 0.138);
134
+ --ruby-a5: color(display-p3 0.8353 0.0078 0.0275 / 0.189);
135
+ --ruby-a6: color(display-p3 0.8118 0.0039 0.0039 / 0.248);
136
+ --ruby-a7: color(display-p3 0.749 0.0039 0.0275 / 0.326);
137
+ --ruby-a8: color(display-p3 0.7059 0.0039 0.0314 / 0.424);
138
+ --ruby-a9: color(display-p3 0.8314 0 0.1098 / 0.691);
139
+ --ruby-a10: color(display-p3 0.7725 0 0.1137 / 0.75);
140
+ --ruby-a11: color(display-p3 0.702 0 0.1294 / 0.828);
141
+ --ruby-a12: color(display-p3 0.3137 0 0.0471 / 0.906);
142
+
143
+ --ruby-contrast: #fff;
144
+ --ruby-surface: color(display-p3 0.9961 0.9608 0.9608 / 0.8);
145
+ --ruby-indicator: oklch(64.5% 0.2154 16.44);
146
+ --ruby-track: oklch(64.5% 0.2154 16.44);
147
+
148
+ /* pink */
149
+ --pink-1: oklch(99.4% 0.0034 354.3);
150
+ --pink-2: oklch(98.2% 0.0083 354.3);
151
+ --pink-3: oklch(95.4% 0.0263 354.3);
152
+ --pink-4: oklch(92.5% 0.0411 354.3);
153
+ --pink-5: oklch(89.3% 0.0537 354.3);
154
+ --pink-6: oklch(85.5% 0.0649 354.3);
155
+ --pink-7: oklch(80.8% 0.0794 354.3);
156
+ --pink-8: oklch(75% 0.1005 354.3);
157
+ --pink-9: oklch(65.6% 0.2118 354.3);
158
+ --pink-10: oklch(61.6% 0.2102 354.3);
159
+ --pink-11: oklch(55.3% 0.207 354.3);
160
+ --pink-12: oklch(34.3% 0.1166 354.3);
161
+
162
+ --pink-a1: color(display-p3 0.6745 0.0235 0.349 / 0.012);
163
+ --pink-a2: color(display-p3 0.7569 0.0196 0.2667 / 0.032);
164
+ --pink-a3: color(display-p3 0.8118 0.0078 0.3412 / 0.083);
165
+ --pink-a4: color(display-p3 0.7961 0.0078 0.3294 / 0.134);
166
+ --pink-a5: color(display-p3 0.749 0.0039 0.2824 / 0.185);
167
+ --pink-a6: color(display-p3 0.6863 0.0039 0.2745 / 0.248);
168
+ --pink-a7: color(display-p3 0.6196 0.0039 0.251 / 0.318);
169
+ --pink-a8: color(display-p3 0.6118 0.0039 0.2588 / 0.412);
170
+ --pink-a9: color(display-p3 0.7843 0 0.3882 / 0.667);
171
+ --pink-a10: color(display-p3 0.7216 0 0.3686 / 0.718);
172
+ --pink-a11: color(display-p3 0.6353 0 0.3333 / 0.797);
173
+ --pink-a12: color(display-p3 0.2784 0 0.1373 / 0.891);
174
+
175
+ --pink-contrast: #fff;
176
+ --pink-surface: color(display-p3 0.9922 0.9608 0.9725 / 0.8);
177
+ --pink-indicator: oklch(65.6% 0.2118 354.3);
178
+ --pink-track: oklch(65.6% 0.2118 354.3);
179
+
180
+ /* violet */
181
+ --violet-1: oklch(99.3% 0.004 292.7);
182
+ --violet-2: oklch(98.3% 0.0109 292.7);
183
+ --violet-3: oklch(96.1% 0.0262 292.7);
184
+ --violet-4: oklch(93.3% 0.0471 292.7);
185
+ --violet-5: oklch(90.2% 0.0669 292.7);
186
+ --violet-6: oklch(86.2% 0.0864 292.7);
187
+ --violet-7: oklch(80.5% 0.1107 292.7);
188
+ --violet-8: oklch(73.1% 0.1464 292.7);
189
+ --violet-9: oklch(60.6% 0.2189 292.7);
190
+ --violet-10: oklch(56.3% 0.2189 292.7);
191
+ --violet-11: oklch(51.2% 0.2015 292.7);
192
+ --violet-12: oklch(31.8% 0.1256 292.7);
193
+
194
+ --violet-a1: color(display-p3 0.349 0.0235 1 / 0.012);
195
+ --violet-a2: color(display-p3 0.1608 0.0235 0.8627 / 0.028);
196
+ --violet-a3: color(display-p3 0.1294 0.0078 0.9412 / 0.063);
197
+ --violet-a4: color(display-p3 0.1529 0.0039 0.9294 / 0.106);
198
+ --violet-a5: color(display-p3 0.1765 0.0039 0.9255 / 0.157);
199
+ --violet-a6: color(display-p3 0.1686 0.0039 0.9294 / 0.216);
200
+ --violet-a7: color(display-p3 0.149 0.0039 0.9373 / 0.299);
201
+ --violet-a8: color(display-p3 0.1725 0.0039 0.898 / 0.412);
202
+ --violet-a9: color(display-p3 0.2353 0 0.8941 / 0.632);
203
+ --violet-a10: color(display-p3 0.2275 0 0.8157 / 0.687);
204
+ --violet-a11: color(display-p3 0.1922 0 0.6941 / 0.73);
205
+ --violet-a12: color(display-p3 0.0941 0 0.3216 / 0.879);
206
+
207
+ --violet-contrast: #fff;
208
+ --violet-surface: color(display-p3 0.9725 0.9686 1 / 0.8);
209
+ --violet-indicator: oklch(60.6% 0.2189 292.7);
210
+ --violet-track: oklch(60.6% 0.2189 292.7);
211
+
212
+ /* indigo */
213
+ --indigo-1: oklch(99.4% 0.0026 277.1);
214
+ --indigo-2: oklch(98.2% 0.0099 277.1);
215
+ --indigo-3: oklch(96.1% 0.0192 277.1);
216
+ --indigo-4: oklch(93.5% 0.0385 277.1);
217
+ --indigo-5: oklch(90.4% 0.0576 277.1);
218
+ --indigo-6: oklch(86.4% 0.077 277.1);
219
+ --indigo-7: oklch(80.8% 0.0971 277.1);
220
+ --indigo-8: oklch(72.9% 0.1293 277.1);
221
+ --indigo-9: oklch(58.5% 0.2041 277.1);
222
+ --indigo-10: oklch(54.2% 0.1907 277.1);
223
+ --indigo-11: oklch(51% 0.1907 277.1);
224
+ --indigo-12: oklch(31.4% 0.1064 277.1);
225
+
226
+ --indigo-a1: color(display-p3 0.0196 0.0196 1 / 0.008);
227
+ --indigo-a2: color(display-p3 0.0196 0.1451 0.8784 / 0.032);
228
+ --indigo-a3: color(display-p3 0.0078 0.1294 0.9412 / 0.063);
229
+ --indigo-a4: color(display-p3 0.0039 0.1529 0.9294 / 0.106);
230
+ --indigo-a5: color(display-p3 0.0039 0.1725 0.9294 / 0.161);
231
+ --indigo-a6: color(display-p3 0.0039 0.1294 0.9294 / 0.22);
232
+ --indigo-a7: color(display-p3 0.0039 0.1176 0.9373 / 0.302);
233
+ --indigo-a8: color(display-p3 0.0039 0.098 0.8784 / 0.416);
234
+ --indigo-a9: color(display-p3 0 0.0157 0.8588 / 0.608);
235
+ --indigo-a10: color(display-p3 0 0.0118 0.7294 / 0.651);
236
+ --indigo-a11: color(display-p3 0 0.0078 0.6902 / 0.687);
237
+ --indigo-a12: color(display-p3 0 0.0078 0.2784 / 0.851);
238
+
239
+ --indigo-contrast: #fff;
240
+ --indigo-surface: color(display-p3 0.9608 0.9725 1 / 0.8);
241
+ --indigo-indicator: oklch(58.5% 0.2041 277.1);
242
+ --indigo-track: oklch(58.5% 0.2041 277.1);
243
+
244
+ /* blue */
245
+ --blue-1: oklch(99.3% 0.0032 259.8);
246
+ --blue-2: oklch(98.2% 0.0096 259.8);
247
+ --blue-3: oklch(96% 0.0199 259.8);
248
+ --blue-4: oklch(93.7% 0.0373 259.8);
249
+ --blue-5: oklch(90.6% 0.054 259.8);
250
+ --blue-6: oklch(86.4% 0.0697 259.8);
251
+ --blue-7: oklch(80.9% 0.0894 259.8);
252
+ --blue-8: oklch(73.4% 0.1221 259.8);
253
+ --blue-9: oklch(62.3% 0.188 259.8);
254
+ --blue-10: oklch(58.2% 0.1913 259.8);
255
+ --blue-11: oklch(55.4% 0.188 259.8);
256
+ --blue-12: oklch(32.3% 0.0976 259.8);
257
+
258
+ --blue-a1: color(display-p3 0.0235 0.349 1 / 0.012);
259
+ --blue-a2: color(display-p3 0.0235 0.349 0.8941 / 0.036);
260
+ --blue-a3: color(display-p3 0.0078 0.3569 0.9529 / 0.079);
261
+ --blue-a4: color(display-p3 0.0078 0.3804 0.9412 / 0.126);
262
+ --blue-a5: color(display-p3 0.0078 0.3569 0.9412 / 0.189);
263
+ --blue-a6: color(display-p3 0.0039 0.3373 0.9412 / 0.259);
264
+ --blue-a7: color(display-p3 0.0039 0.3059 0.898 / 0.35);
265
+ --blue-a8: color(display-p3 0.0039 0.298 0.8784 / 0.479);
266
+ --blue-a9: color(display-p3 0 0.2824 0.902 / 0.695);
267
+ --blue-a10: color(display-p3 0 0.2627 0.8431 / 0.75);
268
+ --blue-a11: color(display-p3 0 0.251 0.7961 / 0.773);
269
+ --blue-a12: color(display-p3 0 0.098 0.3098 / 0.899);
270
+
271
+ --blue-contrast: #fff;
272
+ --blue-surface: color(display-p3 0.9569 0.9725 1 / 0.8);
273
+ --blue-indicator: oklch(62.3% 0.188 259.8);
274
+ --blue-track: oklch(62.3% 0.188 259.8);
275
+
276
+ /* teal */
277
+ --teal-1: oklch(99.3% 0.0061 182.5);
278
+ --teal-2: oklch(98.2% 0.0116 182.5);
279
+ --teal-3: oklch(96% 0.0345 182.5);
280
+ --teal-4: oklch(93.3% 0.0542 182.5);
281
+ --teal-5: oklch(89.9% 0.0702 182.5);
282
+ --teal-6: oklch(85.6% 0.083 182.5);
283
+ --teal-7: oklch(79.8% 0.0979 182.5);
284
+ --teal-8: oklch(72.2% 0.123 182.5);
285
+ --teal-9: oklch(70.4% 0.123 182.5);
286
+ --teal-10: oklch(66.6% 0.123 182.5);
287
+ --teal-11: oklch(51.2% 0.1096 182.5);
288
+ --teal-12: oklch(35% 0.0583 182.5);
289
+
290
+ --teal-a1: color(display-p3 0.0196 0.8039 0.6078 / 0.02);
291
+ --teal-a2: color(display-p3 0.0235 0.7569 0.5922 / 0.048);
292
+ --teal-a3: color(display-p3 0.0078 0.8157 0.6275 / 0.126);
293
+ --teal-a4: color(display-p3 0 0.7843 0.6275 / 0.2);
294
+ --teal-a5: color(display-p3 0.0039 0.7333 0.5961 / 0.279);
295
+ --teal-a6: color(display-p3 0.0039 0.6667 0.5333 / 0.361);
296
+ --teal-a7: color(display-p3 0.0039 0.6118 0.498 / 0.475);
297
+ --teal-a8: color(display-p3 0 0.5843 0.4941 / 0.644);
298
+ --teal-a9: color(display-p3 0 0.5647 0.4784 / 0.667);
299
+ --teal-a10: color(display-p3 0 0.5176 0.4314 / 0.699);
300
+ --teal-a11: color(display-p3 0 0.3333 0.2745 / 0.797);
301
+ --teal-a12: color(display-p3 0 0.1686 0.1412 / 0.887);
302
+
303
+ --teal-contrast: #fff;
304
+ --teal-surface: color(display-p3 0.9412 0.9804 0.9765 / 0.8);
305
+ --teal-indicator: oklch(70.4% 0.123 182.5);
306
+ --teal-track: oklch(70.4% 0.123 182.5);
307
+
308
+ /* grass */
309
+ --grass-1: oklch(99.4% 0.0079 149.6);
310
+ --grass-2: oklch(98.2% 0.0136 149.6);
311
+ --grass-3: oklch(96.1% 0.0342 149.6);
312
+ --grass-4: oklch(93.4% 0.0546 149.6);
313
+ --grass-5: oklch(90.1% 0.0781 149.6);
314
+ --grass-6: oklch(85.8% 0.1054 149.6);
315
+ --grass-7: oklch(79.8% 0.1403 149.6);
316
+ --grass-8: oklch(71.6% 0.192 149.6);
317
+ --grass-9: oklch(72.3% 0.192 149.6);
318
+ --grass-10: oklch(68.6% 0.192 149.6);
319
+ --grass-11: oklch(52.7% 0.1914 149.6);
320
+ --grass-12: oklch(32.7% 0.079 149.6);
321
+
322
+ --grass-a1: color(display-p3 0.2157 1 0.0196 / 0.02);
323
+ --grass-a2: color(display-p3 0.0235 0.7098 0.0235 / 0.04);
324
+ --grass-a3: color(display-p3 0.0118 0.7137 0.0118 / 0.095);
325
+ --grass-a4: color(display-p3 0.0039 0.6941 0.0039 / 0.153);
326
+ --grass-a5: color(display-p3 0.0039 0.6941 0.0196 / 0.228);
327
+ --grass-a6: color(display-p3 0.0039 0.6471 0.0392 / 0.322);
328
+ --grass-a7: color(display-p3 0.0039 0.6235 0.0471 / 0.448);
329
+ --grass-a8: color(display-p3 0 0.6157 0.0745 / 0.64);
330
+ --grass-a9: color(display-p3 0 0.6235 0.0706 / 0.632);
331
+ --grass-a10: color(display-p3 0 0.5765 0.0706 / 0.675);
332
+ --grass-a11: color(display-p3 0.0235 0.3843 0 / 0.793);
333
+ --grass-a12: color(display-p3 0 0.1451 0.0196 / 0.887);
334
+
335
+ --grass-contrast: #fff;
336
+ --grass-surface: color(display-p3 0.9529 0.9843 0.9529 / 0.8);
337
+ --grass-indicator: oklch(72.3% 0.192 149.6);
338
+ --grass-track: oklch(72.3% 0.192 149.6);
339
+
340
+ /* mint */
341
+ --mint-1: oklch(99.2% 0.0043 215.2);
342
+ --mint-2: oklch(98% 0.0103 215.2);
343
+ --mint-3: oklch(95.8% 0.0303 215.2);
344
+ --mint-4: oklch(93.2% 0.0472 215.2);
345
+ --mint-5: oklch(90% 0.0616 215.2);
346
+ --mint-6: oklch(85.9% 0.0755 215.2);
347
+ --mint-7: oklch(80.5% 0.0935 215.2);
348
+ --mint-8: oklch(72.7% 0.1257 215.2);
349
+ --mint-9: oklch(71.5% 0.1257 215.2);
350
+ --mint-10: oklch(67.8% 0.1257 215.2);
351
+ --mint-11: oklch(54% 0.1257 215.2);
352
+ --mint-12: oklch(33.2% 0.0604 215.2);
353
+
354
+ --mint-a1: color(display-p3 0.0196 0.6078 0.8039 / 0.02);
355
+ --mint-a2: color(display-p3 0.0235 0.5922 0.8392 / 0.048);
356
+ --mint-a3: color(display-p3 0.0039 0.7137 0.9373 / 0.122);
357
+ --mint-a4: color(display-p3 0.0078 0.6902 0.9176 / 0.189);
358
+ --mint-a5: color(display-p3 0.0039 0.6431 0.8667 / 0.263);
359
+ --mint-a6: color(display-p3 0.0039 0.6078 0.8118 / 0.35);
360
+ --mint-a7: color(display-p3 0.0039 0.5765 0.7569 / 0.463);
361
+ --mint-a8: color(display-p3 0 0.5765 0.7451 / 0.663);
362
+ --mint-a9: color(display-p3 0 0.5608 0.7294 / 0.679);
363
+ --mint-a10: color(display-p3 0 0.5098 0.6706 / 0.702);
364
+ --mint-a11: color(display-p3 0 0.349 0.4784 / 0.789);
365
+ --mint-a12: color(display-p3 0 0.1647 0.2157 / 0.914);
366
+
367
+ --mint-contrast: #fff;
368
+ --mint-surface: color(display-p3 0.9412 0.9765 0.9843 / 0.8);
369
+ --mint-indicator: oklch(71.5% 0.1257 215.2);
370
+ --mint-track: oklch(71.5% 0.1257 215.2);
371
+
372
+ /* lime */
373
+ --lime-1: oklch(99.2% 0.0064 130.8);
374
+ --lime-2: oklch(98.2% 0.0148 130.8);
375
+ --lime-3: oklch(95.9% 0.0657 130.8);
376
+ --lime-4: oklch(93.2% 0.1045 130.8);
377
+ --lime-5: oklch(89.7% 0.132 130.8);
378
+ --lime-6: oklch(85.3% 0.1507 130.8);
379
+ --lime-7: oklch(79.5% 0.168 130.8);
380
+ --lime-8: oklch(72.4% 0.2044 130.8);
381
+ --lime-9: oklch(76.8% 0.2044 130.8);
382
+ --lime-10: oklch(73.4% 0.2044 130.8);
383
+ --lime-11: oklch(54.4% 0.1688 130.8);
384
+ --lime-12: oklch(35.4% 0.0871 130.8);
385
+
386
+ --lime-a1: color(display-p3 0.349 0.6745 0.0235 / 0.024);
387
+ --lime-a2: color(display-p3 0.3882 0.6941 0.0039 / 0.051);
388
+ --lime-a3: color(display-p3 0.4824 0.8941 0.0039 / 0.181);
389
+ --lime-a4: color(display-p3 0.4745 0.8824 0.0039 / 0.291);
390
+ --lime-a5: color(display-p3 0.4627 0.8314 0.0039 / 0.393);
391
+ --lime-a6: color(display-p3 0.4235 0.7608 0.0039 / 0.491);
392
+ --lime-a7: color(display-p3 0.3922 0.6863 0 / 0.6);
393
+ --lime-a8: color(display-p3 0.3922 0.6588 0 / 0.781);
394
+ --lime-a9: color(display-p3 0.4353 0.7176 0 / 0.742);
395
+ --lime-a10: color(display-p3 0.4 0.6745 0 / 0.773);
396
+ --lime-a11: color(display-p3 0.2392 0.4235 0 / 0.859);
397
+ --lime-a12: color(display-p3 0.1137 0.1961 0 / 0.918);
398
+
399
+ --lime-contrast: #1b2611;
400
+ --lime-surface: color(display-p3 0.9608 0.9804 0.9373 / 0.8);
401
+ --lime-indicator: oklch(76.8% 0.2044 130.8);
402
+ --lime-track: oklch(76.8% 0.2044 130.8);
403
+
404
+ /* yellow */
405
+ --yellow-1: oklch(99.3% 0.0046 86.05);
406
+ --yellow-2: oklch(98.7% 0.0288 86.05);
407
+ --yellow-3: oklch(97.2% 0.0898 86.05);
408
+ --yellow-4: oklch(94.9% 0.1296 86.05);
409
+ --yellow-5: oklch(92.2% 0.1609 86.05);
410
+ --yellow-6: oklch(88.1% 0.1511 86.05);
411
+ --yellow-7: oklch(83.1% 0.1419 86.05);
412
+ --yellow-8: oklch(76.2% 0.1617 86.05);
413
+ --yellow-9: oklch(79.5% 0.1617 86.05);
414
+ --yellow-10: oklch(76.2% 0.1617 86.05);
415
+ --yellow-11: oklch(57.2% 0.1617 86.05);
416
+ --yellow-12: oklch(35.5% 0.0532 86.05);
417
+
418
+ --yellow-a1: color(display-p3 0.8392 0.6745 0.0235 / 0.024);
419
+ --yellow-a2: color(display-p3 0.9608 0.7961 0.0118 / 0.095);
420
+ --yellow-a3: color(display-p3 0.9725 0.8157 0.0039 / 0.251);
421
+ --yellow-a4: color(display-p3 0.9569 0.7765 0.0039 / 0.35);
422
+ --yellow-a5: color(display-p3 0.9608 0.749 0.0039 / 0.479);
423
+ --yellow-a6: color(display-p3 0.9529 0.702 0 / 0.593);
424
+ --yellow-a7: color(display-p3 0.8627 0.6157 0 / 0.62);
425
+ --yellow-a8: color(display-p3 0.7961 0.5725 0 / 0.777);
426
+ --yellow-a9: color(display-p3 0.851 0.6157 0 / 0.757);
427
+ --yellow-a10: color(display-p3 0.7961 0.5725 0 / 0.777);
428
+ --yellow-a11: color(display-p3 0.5176 0.3569 0 / 0.859);
429
+ --yellow-a12: color(display-p3 0.1804 0.1333 0 / 0.887);
430
+
431
+ --yellow-contrast: #2a2009;
432
+ --yellow-surface: color(display-p3 1 0.9765 0.8902 / 0.8);
433
+ --yellow-indicator: oklch(79.5% 0.1617 86.05);
434
+ --yellow-track: oklch(79.5% 0.1617 86.05);
435
+
436
+ /* orange */
437
+ --orange-1: oklch(99.2% 0.0026 47.6);
438
+ --orange-2: oklch(97.9% 0.0145 47.6);
439
+ --orange-3: oklch(95.7% 0.0348 47.6);
440
+ --orange-4: oklch(92.1% 0.0768 47.6);
441
+ --orange-5: oklch(89% 0.1012 47.6);
442
+ --orange-6: oklch(85.7% 0.1052 47.6);
443
+ --orange-7: oklch(80.5% 0.1086 47.6);
444
+ --orange-8: oklch(74.5% 0.128 47.6);
445
+ --orange-9: oklch(70.5% 0.1867 47.6);
446
+ --orange-10: oklch(66.8% 0.1899 47.6);
447
+ --orange-11: oklch(59% 0.1822 47.6);
448
+ --orange-12: oklch(35% 0.0677 47.6);
449
+
450
+ --orange-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
451
+ --orange-a2: color(display-p3 0.8588 0.2902 0.0039 / 0.055);
452
+ --orange-a3: color(display-p3 0.9098 0.4118 0.0078 / 0.126);
453
+ --orange-a4: color(display-p3 0.9059 0.3922 0.0039 / 0.244);
454
+ --orange-a5: color(display-p3 0.902 0.3725 0.0039 / 0.318);
455
+ --orange-a6: color(display-p3 0.902 0.3569 0.0039 / 0.397);
456
+ --orange-a7: color(display-p3 0.851 0.3137 0.0039 / 0.467);
457
+ --orange-a8: color(display-p3 0.7961 0.2902 0 / 0.581);
458
+ --orange-a9: color(display-p3 0.8863 0.3451 0 / 0.793);
459
+ --orange-a10: color(display-p3 0.8392 0.3176 0 / 0.832);
460
+ --orange-a11: color(display-p3 0.7137 0.2392 0 / 0.863);
461
+ --orange-a12: color(display-p3 0.2314 0.0824 0 / 0.887);
462
+
463
+ --orange-contrast: #fff;
464
+ --orange-surface: color(display-p3 1 0.9569 0.9333 / 0.8);
465
+ --orange-indicator: oklch(70.5% 0.1867 47.6);
466
+ --orange-track: oklch(70.5% 0.1867 47.6);
467
+
468
+ /* gold */
469
+ --gold-1: oklch(99.3% 0.0023 49);
470
+ --gold-2: oklch(98.3% 0.0186 49);
471
+ --gold-3: oklch(96.5% 0.0513 49);
472
+ --gold-4: oklch(93.6% 0.0863 49);
473
+ --gold-5: oklch(90.8% 0.1107 49);
474
+ --gold-6: oklch(87.2% 0.1062 49);
475
+ --gold-7: oklch(81.9% 0.1067 49);
476
+ --gold-8: oklch(75.3% 0.1248 49);
477
+ --gold-9: oklch(55.5% 0.1455 49);
478
+ --gold-10: oklch(51% 0.1455 49);
479
+ --gold-11: oklch(57.8% 0.1455 49);
480
+ --gold-12: oklch(35.1% 0.0517 49);
481
+
482
+ --gold-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
483
+ --gold-a2: color(display-p3 0.8706 0.4039 0.0039 / 0.059);
484
+ --gold-a3: color(display-p3 0.9176 0.4627 0.0078 / 0.138);
485
+ --gold-a4: color(display-p3 0.9059 0.4157 0.0039 / 0.208);
486
+ --gold-a5: color(display-p3 0.9059 0.4078 0.0039 / 0.283);
487
+ --gold-a6: color(display-p3 0.898 0.3725 0.0039 / 0.373);
488
+ --gold-a7: color(display-p3 0.8784 0.3333 0.0039 / 0.451);
489
+ --gold-a8: color(display-p3 0.8 0.3059 0 / 0.569);
490
+ --gold-a9: color(display-p3 0.6039 0.2471 0 / 0.863);
491
+ --gold-a10: color(display-p3 0.5529 0.2118 0 / 0.895);
492
+ --gold-a11: color(display-p3 0.6275 0.2471 0 / 0.832);
493
+ --gold-a12: color(display-p3 0.1843 0.0627 0 / 0.855);
494
+
495
+ --gold-contrast: #fff;
496
+ --gold-surface: color(display-p3 1 0.9608 0.9294 / 0.8);
497
+ --gold-indicator: oklch(55.5% 0.1455 49);
498
+ --gold-track: oklch(55.5% 0.1455 49);
499
+ }
516
500
  }
517
-
518
- @supports (color: color(display-p3 1 1 1)) {
519
- @media (color-gamut: p3) {
520
-
521
- .dark,
522
- .dark-theme {
523
- /* gray */
524
- --gray-1: oklch(17.8% 0.0034 264.5);
525
- --gray-2: oklch(21% 0.0035 264.5);
526
- --gray-3: oklch(25.6% 0.0087 264.5);
527
- --gray-4: oklch(28.9% 0.0087 264.5);
528
- --gray-5: oklch(32.1% 0.0087 264.5);
529
- --gray-6: oklch(35.8% 0.0087 264.5);
530
- --gray-7: oklch(41% 0.0087 264.5);
531
- --gray-8: oklch(49.2% 0.0087 264.5);
532
- --gray-9: oklch(92.8% 0.0058 264.5);
533
- --gray-10: oklch(89.8% 0.0058 264.5);
534
- --gray-11: oklch(76.8% 0.0087 264.5);
535
- --gray-12: oklch(94% 0.0058 264.5);
536
-
537
- --gray-a1: color(display-p3 0 0.0667 0.9412 / 0.009);
538
- --gray-a2: color(display-p3 0.6863 0.7922 0.9961 / 0.038);
539
- --gray-a3: color(display-p3 0.7451 0.8275 0.9961 / 0.093);
540
- --gray-a4: color(display-p3 0.7882 0.8471 0.9961 / 0.131);
541
- --gray-a5: color(display-p3 0.8353 0.8824 1 / 0.164);
542
- --gray-a6: color(display-p3 0.8824 0.9216 0.9961 / 0.202);
543
- --gray-a7: color(display-p3 0.8902 0.9216 0.9961 / 0.261);
544
- --gray-a8: color(display-p3 0.9216 0.9451 1 / 0.358);
545
- --gray-a9: color(display-p3 0.9765 0.9843 1 / 0.916);
546
- --gray-a10: color(display-p3 0.9725 0.9843 1 / 0.874);
547
- --gray-a11: color(display-p3 0.9608 0.9725 1 / 0.706);
548
- --gray-a12: color(display-p3 0.9765 0.9843 1 / 0.933);
549
-
550
- --gray-contrast: #182135;
551
- --gray-surface: color(display-p3 0.1176 0.1176 0.1333 / 0.5);
552
- --gray-indicator: oklch(92.8% 0.0058 264.5);
553
- --gray-track: oklch(92.8% 0.0058 264.5);
554
-
555
-
556
- /* olive */
557
- --olive-1: oklch(17.8% 0.0028 124);
558
- --olive-2: oklch(21.2% 0.0046 124);
559
- --olive-3: oklch(25.3% 0.01 124);
560
- --olive-4: oklch(28.9% 0.0152 124);
561
- --olive-5: oklch(32.6% 0.0186 124);
562
- --olive-6: oklch(37.2% 0.0218 124);
563
- --olive-7: oklch(43.2% 0.0261 124);
564
- --olive-8: oklch(51.4% 0.0275 124);
565
- --olive-9: oklch(87.8% 0.0184 124);
566
- --olive-10: oklch(84.7% 0.0184 124);
567
- --olive-11: oklch(79.6% 0.0275 124);
568
- --olive-12: oklch(91.4% 0.0184 124);
569
-
570
- --olive-a1: color(display-p3 0.0667 0.0667 0.0039 / 0.059);
571
- --olive-a2: color(display-p3 0.8745 0.9922 0.7608 / 0.034);
572
- --olive-a3: color(display-p3 0.8941 0.9961 0.7412 / 0.076);
573
- --olive-a4: color(display-p3 0.9294 0.9961 0.7569 / 0.114);
574
- --olive-a5: color(display-p3 0.9216 1 0.7725 / 0.156);
575
- --olive-a6: color(display-p3 0.9451 1 0.7922 / 0.206);
576
- --olive-a7: color(display-p3 0.9294 1 0.7882 / 0.278);
577
- --olive-a8: color(display-p3 0.9451 1 0.8431 / 0.374);
578
- --olive-a9: color(display-p3 0.9804 1 0.9412 / 0.841);
579
- --olive-a10: color(display-p3 0.9804 1 0.9412 / 0.799);
580
- --olive-a11: color(display-p3 0.9647 1 0.9098 / 0.736);
581
- --olive-a12: color(display-p3 0.9804 1 0.9451 / 0.891);
582
-
583
- --olive-contrast: #1e250e;
584
- --olive-surface: color(display-p3 0.1176 0.1255 0.1098 / 0.5);
585
- --olive-indicator: oklch(87.8% 0.0184 124);
586
- --olive-track: oklch(87.8% 0.0184 124);
587
-
588
-
589
- /* tomato */
590
- --tomato-1: oklch(17.8% 0.0088 19.57);
591
- --tomato-2: oklch(20.6% 0.0103 19.57);
592
- --tomato-3: oklch(25.3% 0.0387 19.57);
593
- --tomato-4: oklch(29.1% 0.0572 19.57);
594
- --tomato-5: oklch(33.2% 0.0642 19.57);
595
- --tomato-6: oklch(38.2% 0.0676 19.57);
596
- --tomato-7: oklch(44.8% 0.0749 19.57);
597
- --tomato-8: oklch(54.4% 0.0933 19.57);
598
- --tomato-9: oklch(80.8% 0.1035 19.57);
599
- --tomato-10: oklch(77.5% 0.1035 19.57);
600
- --tomato-11: oklch(78.6% 0.1035 19.57);
601
- --tomato-12: oklch(90.5% 0.0338 19.57);
602
-
603
- --tomato-a1: color(display-p3 0.9725 0 0 / 0.013);
604
- --tomato-a2: color(display-p3 0.9804 0.5255 0.4353 / 0.043);
605
- --tomato-a3: color(display-p3 0.9961 0.3686 0.3961 / 0.131);
606
- --tomato-a4: color(display-p3 1 0.3922 0.3922 / 0.194);
607
- --tomato-a5: color(display-p3 1 0.4471 0.4471 / 0.248);
608
- --tomato-a6: color(display-p3 0.9961 0.5137 0.5137 / 0.316);
609
- --tomato-a7: color(display-p3 1 0.5765 0.5686 / 0.408);
610
- --tomato-a8: color(display-p3 0.9961 0.5961 0.5882 / 0.555);
611
- --tomato-a9: color(display-p3 1 0.702 0.6941 / 0.937);
612
- --tomato-a10: color(display-p3 1 0.6902 0.6824 / 0.891);
613
- --tomato-a11: color(display-p3 0.9961 0.6902 0.6824 / 0.908);
614
- --tomato-a12: color(display-p3 1 0.8941 0.8941 / 0.942);
615
-
616
- --tomato-contrast: #32191a;
617
- --tomato-surface: color(display-p3 0.1412 0.102 0.102 / 0.5);
618
- --tomato-indicator: oklch(80.8% 0.1035 19.57);
619
- --tomato-track: oklch(80.8% 0.1035 19.57);
620
-
621
-
622
- /* ruby */
623
- --ruby-1: oklch(17.8% 0.009 11.64);
624
- --ruby-2: oklch(20.6% 0.0108 11.64);
625
- --ruby-3: oklch(25.3% 0.0394 11.64);
626
- --ruby-4: oklch(29.2% 0.0587 11.64);
627
- --ruby-5: oklch(33.2% 0.0657 11.64);
628
- --ruby-6: oklch(38.2% 0.0691 11.64);
629
- --ruby-7: oklch(44.8% 0.0767 11.64);
630
- --ruby-8: oklch(54.4% 0.0955 11.64);
631
- --ruby-9: oklch(81% 0.1061 11.64);
632
- --ruby-10: oklch(77.7% 0.1061 11.64);
633
- --ruby-11: oklch(78.6% 0.1061 11.64);
634
- --ruby-12: oklch(90.6% 0.0346 11.64);
635
-
636
- --ruby-a1: color(display-p3 0.9725 0 0 / 0.013);
637
- --ruby-a2: color(display-p3 0.9804 0.4353 0.5255 / 0.043);
638
- --ruby-a3: color(display-p3 0.9961 0.3686 0.4275 / 0.131);
639
- --ruby-a4: color(display-p3 1 0.3725 0.451 / 0.194);
640
- --ruby-a5: color(display-p3 1 0.4314 0.5098 / 0.248);
641
- --ruby-a6: color(display-p3 0.9961 0.502 0.5765 / 0.316);
642
- --ruby-a7: color(display-p3 1 0.5686 0.6275 / 0.408);
643
- --ruby-a8: color(display-p3 0.9961 0.5882 0.6392 / 0.555);
644
- --ruby-a9: color(display-p3 1 0.698 0.7333 / 0.937);
645
- --ruby-a10: color(display-p3 1 0.6824 0.7176 / 0.895);
646
- --ruby-a11: color(display-p3 0.9961 0.6902 0.7255 / 0.904);
647
- --ruby-a12: color(display-p3 1 0.8941 0.902 / 0.942);
648
-
649
- --ruby-contrast: #32191d;
650
- --ruby-surface: color(display-p3 0.1412 0.102 0.102 / 0.5);
651
- --ruby-indicator: oklch(81% 0.1061 11.64);
652
- --ruby-track: oklch(81% 0.1061 11.64);
653
-
654
-
655
- /* pink */
656
- --pink-1: oklch(17.8% 0.0113 346);
657
- --pink-2: oklch(20.7% 0.0192 346);
658
- --pink-3: oklch(26% 0.0431 346);
659
- --pink-4: oklch(30% 0.0647 346);
660
- --pink-5: oklch(33.8% 0.0705 346);
661
- --pink-6: oklch(38.5% 0.0723 346);
662
- --pink-7: oklch(45.3% 0.0791 346);
663
- --pink-8: oklch(54.3% 0.0959 346);
664
- --pink-9: oklch(82.3% 0.1095 346);
665
- --pink-10: oklch(79% 0.1095 346);
666
- --pink-11: oklch(78.6% 0.1095 346);
667
- --pink-12: oklch(90.7% 0.0389 346);
668
-
669
- --pink-a1: color(display-p3 0.9725 0 0.3686 / 0.013);
670
- --pink-a2: color(display-p3 0.9882 0.3176 0.7373 / 0.047);
671
- --pink-a3: color(display-p3 0.9961 0.3961 0.7255 / 0.131);
672
- --pink-a4: color(display-p3 1 0.3922 0.7765 / 0.194);
673
- --pink-a5: color(display-p3 1 0.4549 0.7922 / 0.244);
674
- --pink-a6: color(display-p3 1 0.5333 0.8196 / 0.303);
675
- --pink-a7: color(display-p3 1 0.5843 0.8314 / 0.395);
676
- --pink-a8: color(display-p3 1 0.6196 0.8431 / 0.526);
677
- --pink-a9: color(display-p3 1 0.7255 0.8863 / 0.925);
678
- --pink-a10: color(display-p3 1 0.7137 0.8784 / 0.879);
679
- --pink-a11: color(display-p3 1 0.7098 0.8784 / 0.874);
680
- --pink-a12: color(display-p3 1 0.898 0.9529 / 0.937);
681
-
682
- --pink-contrast: #2f1926;
683
- --pink-surface: color(display-p3 0.1569 0.0941 0.1255 / 0.5);
684
- --pink-indicator: oklch(82.3% 0.1095 346);
685
- --pink-track: oklch(82.3% 0.1095 346);
686
-
687
-
688
- /* violet */
689
- --violet-1: oklch(17.8% 0.0182 293.6);
690
- --violet-2: oklch(20.8% 0.0229 293.6);
691
- --violet-3: oklch(27.1% 0.0506 293.6);
692
- --violet-4: oklch(31.5% 0.0728 293.6);
693
- --violet-5: oklch(35.2% 0.0777 293.6);
694
- --violet-6: oklch(39.4% 0.0801 293.6);
695
- --violet-7: oklch(44.6% 0.0867 293.6);
696
- --violet-8: oklch(51.2% 0.1011 293.6);
697
- --violet-9: oklch(81.1% 0.1013 293.6);
698
- --violet-10: oklch(77.8% 0.1013 293.6);
699
- --violet-11: oklch(77.7% 0.1013 293.6);
700
- --violet-12: oklch(91.3% 0.033 293.6);
701
-
702
- --violet-a1: color(display-p3 0.0706 0 0.9725 / 0.026);
703
- --violet-a2: color(display-p3 0.498 0.3765 0.9882 / 0.064);
704
- --violet-a3: color(display-p3 0.5569 0.4235 1 / 0.177);
705
- --violet-a4: color(display-p3 0.5608 0.4275 0.9961 / 0.261);
706
- --violet-a5: color(display-p3 0.5804 0.4706 0.9961 / 0.32);
707
- --violet-a6: color(display-p3 0.6235 0.5294 1 / 0.374);
708
- --violet-a7: color(display-p3 0.6627 0.5647 1 / 0.45);
709
- --violet-a8: color(display-p3 0.6667 0.5843 1 / 0.564);
710
- --violet-a9: color(display-p3 0.7804 0.7333 1 / 0.971);
711
- --violet-a10: color(display-p3 0.7725 0.7255 1 / 0.925);
712
- --violet-a11: color(display-p3 0.7725 0.7255 1 / 0.921);
713
- --violet-a12: color(display-p3 0.9216 0.9098 1 / 0.958);
714
-
715
- --violet-contrast: #231e33;
716
- --violet-surface: color(display-p3 0.1176 0.102 0.1882 / 0.5);
717
- --violet-indicator: oklch(81.1% 0.1013 293.6);
718
- --violet-track: oklch(81.1% 0.1013 293.6);
719
-
720
-
721
- /* indigo */
722
- --indigo-1: oklch(17.8% 0.0209 274.7);
723
- --indigo-2: oklch(20.7% 0.0255 274.7);
724
- --indigo-3: oklch(27.1% 0.0585 274.7);
725
- --indigo-4: oklch(31.8% 0.0787 274.7);
726
- --indigo-5: oklch(36.1% 0.0883 274.7);
727
- --indigo-6: oklch(40.4% 0.0934 274.7);
728
- --indigo-7: oklch(45% 0.1015 274.7);
729
- --indigo-8: oklch(50.3% 0.1159 274.7);
730
- --indigo-9: oklch(78.5% 0.1041 274.7);
731
- --indigo-10: oklch(75.1% 0.1041 274.7);
732
- --indigo-11: oklch(77.7% 0.1041 274.7);
733
- --indigo-12: oklch(91.1% 0.0361 274.7);
734
-
735
- --indigo-a1: color(display-p3 0 0 0.9922 / 0.034);
736
- --indigo-a2: color(display-p3 0.2863 0.3961 0.9961 / 0.072);
737
- --indigo-a3: color(display-p3 0.3373 0.4353 0.9961 / 0.202);
738
- --indigo-a4: color(display-p3 0.3725 0.4549 1 / 0.295);
739
- --indigo-a5: color(display-p3 0.4196 0.4863 1 / 0.366);
740
- --indigo-a6: color(display-p3 0.4627 0.5294 1 / 0.425);
741
- --indigo-a7: color(display-p3 0.4863 0.549 1 / 0.505);
742
- --indigo-a8: color(display-p3 0.498 0.5608 1 / 0.601);
743
- --indigo-a9: color(display-p3 0.6784 0.7294 0.9961 / 0.963);
744
- --indigo-a10: color(display-p3 0.6706 0.7176 1 / 0.916);
745
- --indigo-a11: color(display-p3 0.6784 0.7255 1 / 0.954);
746
- --indigo-a12: color(display-p3 0.8863 0.9059 1 / 0.971);
747
-
748
- --indigo-contrast: #1c2035;
749
- --indigo-surface: color(display-p3 0.0941 0.1098 0.1961 / 0.5);
750
- --indigo-indicator: oklch(78.5% 0.1041 274.7);
751
- --indigo-track: oklch(78.5% 0.1041 274.7);
752
-
753
-
754
- /* blue */
755
- --blue-1: oklch(17.8% 0.0226 251.8);
756
- --blue-2: oklch(21.4% 0.0271 251.8);
757
- --blue-3: oklch(27% 0.0518 251.8);
758
- --blue-4: oklch(32.1% 0.0685 251.8);
759
- --blue-5: oklch(37.1% 0.0772 251.8);
760
- --blue-6: oklch(42.5% 0.0843 251.8);
761
- --blue-7: oklch(48.6% 0.094 251.8);
762
- --blue-8: oklch(55.5% 0.109 251.8);
763
- --blue-9: oklch(80.9% 0.0956 251.8);
764
- --blue-10: oklch(77.6% 0.0956 251.8);
765
- --blue-11: oklch(78.9% 0.0956 251.8);
766
- --blue-12: oklch(93% 0.0485 251.8);
767
-
768
- --blue-a1: color(display-p3 0 0.1725 0.9961 / 0.038);
769
- --blue-a2: color(display-p3 0.1176 0.5098 1 / 0.08);
770
- --blue-a3: color(display-p3 0.1961 0.5333 1 / 0.185);
771
- --blue-a4: color(display-p3 0.2549 0.5569 1 / 0.274);
772
- --blue-a5: color(display-p3 0.3176 0.6078 1 / 0.349);
773
- --blue-a6: color(display-p3 0.3725 0.6353 1 / 0.433);
774
- --blue-a7: color(display-p3 0.4078 0.6588 1 / 0.53);
775
- --blue-a8: color(display-p3 0.4235 0.6706 1 / 0.652);
776
- --blue-a9: color(display-p3 0.6353 0.7922 1 / 0.971);
777
- --blue-a10: color(display-p3 0.6196 0.7804 1 / 0.925);
778
- --blue-a11: color(display-p3 0.6235 0.7882 1 / 0.942);
779
- --blue-a12: color(display-p3 0.8471 0.9255 1 / 0.992);
780
-
781
- --blue-contrast: #132334;
782
- --blue-surface: color(display-p3 0.0706 0.1333 0.2118 / 0.5);
783
- --blue-indicator: oklch(80.9% 0.0956 251.8);
784
- --blue-track: oklch(80.9% 0.0956 251.8);
785
-
786
-
787
- /* teal */
788
- --teal-1: oklch(17.8% 0.0143 181.1);
789
- --teal-2: oklch(20.9% 0.0209 181.1);
790
- --teal-3: oklch(26.9% 0.0473 181.1);
791
- --teal-4: oklch(31.4% 0.0701 181.1);
792
- --teal-5: oklch(36% 0.0767 181.1);
793
- --teal-6: oklch(41.1% 0.081 181.1);
794
- --teal-7: oklch(47.1% 0.0892 181.1);
795
- --teal-8: oklch(54% 0.1042 181.1);
796
- --teal-9: oklch(85.5% 0.1251 181.1);
797
- --teal-10: oklch(82.3% 0.1251 181.1);
798
- --teal-11: oklch(79.4% 0.1251 181.1);
799
- --teal-12: oklch(92.6% 0.0728 181.1);
800
-
801
- --teal-a1: color(display-p3 0 0.9412 0.0667 / 0.009);
802
- --teal-a2: color(display-p3 0 0.9804 0.8 / 0.043);
803
- --teal-a3: color(display-p3 0 0.9961 0.8235 / 0.114);
804
- --teal-a4: color(display-p3 0.1804 1 0.8235 / 0.177);
805
- --teal-a5: color(display-p3 0.2667 1 0.8314 / 0.236);
806
- --teal-a6: color(display-p3 0.3216 1 0.8667 / 0.295);
807
- --teal-a7: color(display-p3 0.3647 1 0.8824 / 0.37);
808
- --teal-a8: color(display-p3 0.3961 1 0.8824 / 0.467);
809
- --teal-a9: color(display-p3 0.5765 0.9961 0.9137 / 0.9);
810
- --teal-a10: color(display-p3 0.5569 1 0.9137 / 0.858);
811
- --teal-a11: color(display-p3 0.5333 1 0.9098 / 0.816);
812
- --teal-a12: color(display-p3 0.7765 1 0.949 / 0.958);
813
-
814
- --teal-contrast: #052823;
815
- --teal-surface: color(display-p3 0.0588 0.1412 0.1255 / 0.5);
816
- --teal-indicator: oklch(85.5% 0.1251 181.1);
817
- --teal-track: oklch(85.5% 0.1251 181.1);
818
-
819
-
820
- /* grass */
821
- --grass-1: oklch(17.8% 0.0159 154.4);
822
- --grass-2: oklch(20.9% 0.022 154.4);
823
- --grass-3: oklch(26.9% 0.0513 154.4);
824
- --grass-4: oklch(31.5% 0.0759 154.4);
825
- --grass-5: oklch(36.1% 0.0851 154.4);
826
- --grass-6: oklch(41.1% 0.0917 154.4);
827
- --grass-7: oklch(47% 0.1021 154.4);
828
- --grass-8: oklch(53.6% 0.1197 154.4);
829
- --grass-9: oklch(87.1% 0.1363 154.4);
830
- --grass-10: oklch(84% 0.1363 154.4);
831
- --grass-11: oklch(79% 0.1363 154.4);
832
- --grass-12: oklch(92.2% 0.09 154.4);
833
-
834
- --grass-a1: color(display-p3 0 0.9412 0 / 0.009);
835
- --grass-a2: color(display-p3 0.1608 0.9804 0.4353 / 0.043);
836
- --grass-a3: color(display-p3 0.2392 0.9961 0.4471 / 0.114);
837
- --grass-a4: color(display-p3 0.2 1 0.4471 / 0.177);
838
- --grass-a5: color(display-p3 0.3176 1 0.502 / 0.236);
839
- --grass-a6: color(display-p3 0.3961 1 0.5529 / 0.299);
840
- --grass-a7: color(display-p3 0.4588 1 0.6078 / 0.37);
841
- --grass-a8: color(display-p3 0.4667 1 0.6196 / 0.463);
842
- --grass-a9: color(display-p3 0.6784 1 0.749 / 0.921);
843
- --grass-a10: color(display-p3 0.6588 1 0.7412 / 0.879);
844
- --grass-a11: color(display-p3 0.6353 1 0.7216 / 0.811);
845
- --grass-a12: color(display-p3 0.8 1 0.8392 / 0.958);
846
-
847
- --grass-contrast: #112719;
848
- --grass-surface: color(display-p3 0.0706 0.1412 0.0863 / 0.5);
849
- --grass-indicator: oklch(87.1% 0.1363 154.4);
850
- --grass-track: oklch(87.1% 0.1363 154.4);
851
-
852
-
853
- /* mint */
854
- --mint-1: oklch(17.8% 0.0246 207.1);
855
- --mint-2: oklch(21.3% 0.0301 207.1);
856
- --mint-3: oklch(27% 0.0568 207.1);
857
- --mint-4: oklch(32% 0.0747 207.1);
858
- --mint-5: oklch(37% 0.0844 207.1);
859
- --mint-6: oklch(42.4% 0.0926 207.1);
860
- --mint-7: oklch(48.5% 0.1035 207.1);
861
- --mint-8: oklch(55.5% 0.1203 207.1);
862
- --mint-9: oklch(86.5% 0.1153 207.1);
863
- --mint-10: oklch(83.4% 0.1153 207.1);
864
- --mint-11: oklch(79.3% 0.1103 207.1);
865
- --mint-12: oklch(93.3% 0.0594 207.1);
866
-
867
- --mint-a1: color(display-p3 0 0.5216 0.9725 / 0.026);
868
- --mint-a2: color(display-p3 0 0.8 1 / 0.059);
869
- --mint-a3: color(display-p3 0.0157 0.8353 1 / 0.143);
870
- --mint-a4: color(display-p3 0.1569 0.8392 1 / 0.219);
871
- --mint-a5: color(display-p3 0.2314 0.851 1 / 0.286);
872
- --mint-a6: color(display-p3 0.2863 0.8667 1 / 0.358);
873
- --mint-a7: color(display-p3 0.3255 0.8745 1 / 0.442);
874
- --mint-a8: color(display-p3 0.3608 0.8824 1 / 0.547);
875
- --mint-a9: color(display-p3 0.5569 0.9294 0.9961 / 0.963);
876
- --mint-a10: color(display-p3 0.5412 0.9294 1 / 0.921);
877
- --mint-a11: color(display-p3 0.5373 0.9294 1 / 0.853);
878
- --mint-a12: color(display-p3 0.7922 0.9686 1 / 0.984);
879
-
880
- --mint-contrast: #03272b;
881
- --mint-surface: color(display-p3 0.0196 0.149 0.1725 / 0.5);
882
- --mint-indicator: oklch(86.5% 0.1153 207.1);
883
- --mint-track: oklch(86.5% 0.1153 207.1);
884
-
885
-
886
- /* lime */
887
- --lime-1: oklch(17.8% 0.0147 126.7);
888
- --lime-2: oklch(20.8% 0.0198 126.7);
889
- --lime-3: oklch(26.6% 0.035 126.7);
890
- --lime-4: oklch(31.6% 0.0479 126.7);
891
- --lime-5: oklch(36.3% 0.0591 126.7);
892
- --lime-6: oklch(41.2% 0.0701 126.7);
893
- --lime-7: oklch(46.4% 0.0817 126.7);
894
- --lime-8: oklch(52.4% 0.0965 126.7);
895
- --lime-9: oklch(89.7% 0.1786 126.7);
896
- --lime-10: oklch(86.7% 0.159 126.7);
897
- --lime-11: oklch(86.8% 0.159 126.7);
898
- --lime-12: oklch(94.6% 0.0836 126.7);
899
-
900
- --lime-a1: color(display-p3 0 0.8549 0 / 0.005);
901
- --lime-a2: color(display-p3 0.6471 0.9922 0.0667 / 0.034);
902
- --lime-a3: color(display-p3 0.7686 1 0.3412 / 0.101);
903
- --lime-a4: color(display-p3 0.7725 1 0.3961 / 0.156);
904
- --lime-a5: color(display-p3 0.8 1 0.4157 / 0.215);
905
- --lime-a6: color(display-p3 0.8 1 0.4392 / 0.274);
906
- --lime-a7: color(display-p3 0.8235 1 0.4706 / 0.332);
907
- --lime-a8: color(display-p3 0.8196 1 0.4784 / 0.412);
908
- --lime-a9: color(display-p3 0.8314 1 0.4941 / 0.942);
909
- --lime-a10: color(display-p3 0.8392 1 0.5373 / 0.891);
910
- --lime-a11: color(display-p3 0.8392 1 0.5373 / 0.891);
911
- --lime-a12: color(display-p3 0.9216 0.9961 0.7843 / 0.967);
912
-
913
- --lime-contrast: #1d250f;
914
- --lime-surface: color(display-p3 0.102 0.1255 0.0627 / 0.5);
915
- --lime-indicator: oklch(89.7% 0.1786 126.7);
916
- --lime-track: oklch(89.7% 0.1786 126.7);
917
-
918
-
919
- /* yellow */
920
- --yellow-1: oklch(17.8% 0.0129 98.11);
921
- --yellow-2: oklch(20.8% 0.0169 98.11);
922
- --yellow-3: oklch(25.9% 0.0462 98.11);
923
- --yellow-4: oklch(29.3% 0.069 98.11);
924
- --yellow-5: oklch(33.3% 0.0786 98.11);
925
- --yellow-6: oklch(38.4% 0.0769 98.11);
926
- --yellow-7: oklch(45.2% 0.0804 98.11);
927
- --yellow-8: oklch(53.5% 0.0945 98.11);
928
- --yellow-9: oklch(90.5% 0.1657 98.11);
929
- --yellow-10: oklch(87.5% 0.1657 98.11);
930
- --yellow-11: oklch(89.9% 0.1657 98.11);
931
- --yellow-12: oklch(94.1% 0.0741 98.11);
932
-
933
- --yellow-a1: color(display-p3 0.8549 0.0706 0 / 0.005);
934
- --yellow-a2: color(display-p3 0.9961 0.7922 0 / 0.038);
935
- --yellow-a3: color(display-p3 1 0.8078 0 / 0.101);
936
- --yellow-a4: color(display-p3 0.9961 0.7843 0 / 0.148);
937
- --yellow-a5: color(display-p3 1 0.8157 0 / 0.194);
938
- --yellow-a6: color(display-p3 1 0.8588 0.102 / 0.248);
939
- --yellow-a7: color(display-p3 1 0.8824 0.2941 / 0.332);
940
- --yellow-a8: color(display-p3 1 0.8941 0.3451 / 0.442);
941
- --yellow-a9: color(display-p3 1 0.9098 0.4039 / 0.971);
942
- --yellow-a10: color(display-p3 1 0.902 0.3765 / 0.929);
943
- --yellow-a11: color(display-p3 0.9961 0.9059 0.3961 / 0.963);
944
- --yellow-a12: color(display-p3 0.9961 0.9608 0.7529 / 0.963);
945
-
946
- --yellow-contrast: #272209;
947
- --yellow-surface: color(display-p3 0.1255 0.1176 0.0588 / 0.5);
948
- --yellow-indicator: oklch(90.5% 0.1657 98.11);
949
- --yellow-track: oklch(90.5% 0.1657 98.11);
950
-
951
-
952
- /* orange */
953
- --orange-1: oklch(17.8% 0.0085 66.29);
954
- --orange-2: oklch(21% 0.0131 66.29);
955
- --orange-3: oklch(25.5% 0.0292 66.29);
956
- --orange-4: oklch(29% 0.0489 66.29);
957
- --orange-5: oklch(32.9% 0.058 66.29);
958
- --orange-6: oklch(37.7% 0.0623 66.29);
959
- --orange-7: oklch(44% 0.0704 66.29);
960
- --orange-8: oklch(52.3% 0.0874 66.29);
961
- --orange-9: oklch(83.7% 0.1165 66.29);
962
- --orange-10: oklch(80.5% 0.1165 66.29);
963
- --orange-11: oklch(79.8% 0.1165 66.29);
964
- --orange-12: oklch(92.1% 0.0459 66.29);
965
-
966
- --orange-a1: color(display-p3 0.9412 0 0 / 0.009);
967
- --orange-a2: color(display-p3 0.9882 0.5686 0.2353 / 0.047);
968
- --orange-a3: color(display-p3 0.9922 0.6235 0.2157 / 0.106);
969
- --orange-a4: color(display-p3 0.9961 0.5804 0.0902 / 0.169);
970
- --orange-a5: color(display-p3 1 0.6235 0.1765 / 0.219);
971
- --orange-a6: color(display-p3 1 0.651 0.2784 / 0.282);
972
- --orange-a7: color(display-p3 1 0.6902 0.3451 / 0.366);
973
- --orange-a8: color(display-p3 1 0.7098 0.3725 / 0.488);
974
- --orange-a9: color(display-p3 1 0.7765 0.5216 / 0.95);
975
- --orange-a10: color(display-p3 0.9961 0.7686 0.498 / 0.904);
976
- --orange-a11: color(display-p3 1 0.7686 0.4941 / 0.895);
977
- --orange-a12: color(display-p3 0.9961 0.9137 0.8118 / 0.963);
978
-
979
- --orange-contrast: #2f1e0b;
980
- --orange-surface: color(display-p3 0.149 0.1098 0.0784 / 0.5);
981
- --orange-indicator: oklch(83.7% 0.1165 66.29);
982
- --orange-track: oklch(83.7% 0.1165 66.29);
983
-
984
-
985
- /* gold */
986
- --gold-1: oklch(17.8% 0.0117 84.43);
987
- --gold-2: oklch(21.1% 0.0166 84.43);
988
- --gold-3: oklch(25.7% 0.0404 84.43);
989
- --gold-4: oklch(29.6% 0.0661 84.43);
990
- --gold-5: oklch(33.7% 0.0751 84.43);
991
- --gold-6: oklch(38.7% 0.0725 84.43);
992
- --gold-7: oklch(45.3% 0.0756 84.43);
993
- --gold-8: oklch(53.6% 0.0891 84.43);
994
- --gold-9: oklch(83.7% 0.1644 84.43);
995
- --gold-10: oklch(80.5% 0.1644 84.43);
996
- --gold-11: oklch(87.1% 0.1621 84.43);
997
- --gold-12: oklch(93.5% 0.0661 84.43);
998
-
999
- --gold-a1: color(display-p3 0.9412 0.0667 0 / 0.009);
1000
- --gold-a2: color(display-p3 0.9804 0.7059 0.0706 / 0.043);
1001
- --gold-a3: color(display-p3 0.9922 0.698 0 / 0.106);
1002
- --gold-a4: color(display-p3 0.9961 0.6471 0 / 0.169);
1003
- --gold-a5: color(display-p3 1 0.6824 0 / 0.223);
1004
- --gold-a6: color(display-p3 1 0.7451 0.1529 / 0.278);
1005
- --gold-a7: color(display-p3 1 0.7922 0.3098 / 0.358);
1006
- --gold-a8: color(display-p3 1 0.8078 0.3608 / 0.471);
1007
- --gold-a9: color(display-p3 1 0.7961 0.3059 / 0.946);
1008
- --gold-a10: color(display-p3 0.9961 0.7882 0.2667 / 0.9);
1009
- --gold-a11: color(display-p3 0.9961 0.8235 0.3569 / 0.967);
1010
- --gold-a12: color(display-p3 1 0.9294 0.7569 / 0.979);
1011
-
1012
- --gold-contrast: #2b2009;
1013
- --gold-surface: color(display-p3 0.1412 0.1176 0.0627 / 0.5);
1014
- --gold-indicator: oklch(83.7% 0.1644 84.43);
1015
- --gold-track: oklch(83.7% 0.1644 84.43);
1016
- }
1017
- }
501
+ }
502
+
503
+ @supports (color: color(display-p3 1 1 1)) {
504
+ @media (color-gamut: p3) {
505
+ .dark,
506
+ .dark-theme {
507
+ /* gray */
508
+ --gray-1: oklch(17.8% 0.0034 264.5);
509
+ --gray-2: oklch(21% 0.0035 264.5);
510
+ --gray-3: oklch(25.6% 0.0087 264.5);
511
+ --gray-4: oklch(28.9% 0.0087 264.5);
512
+ --gray-5: oklch(32.1% 0.0087 264.5);
513
+ --gray-6: oklch(35.8% 0.0087 264.5);
514
+ --gray-7: oklch(41% 0.0087 264.5);
515
+ --gray-8: oklch(49.2% 0.0087 264.5);
516
+ --gray-9: oklch(92.8% 0.0058 264.5);
517
+ --gray-10: oklch(89.8% 0.0058 264.5);
518
+ --gray-11: oklch(76.8% 0.0087 264.5);
519
+ --gray-12: oklch(94% 0.0058 264.5);
520
+
521
+ --gray-a1: color(display-p3 0 0.0667 0.9412 / 0.009);
522
+ --gray-a2: color(display-p3 0.6863 0.7922 0.9961 / 0.038);
523
+ --gray-a3: color(display-p3 0.7451 0.8275 0.9961 / 0.093);
524
+ --gray-a4: color(display-p3 0.7882 0.8471 0.9961 / 0.131);
525
+ --gray-a5: color(display-p3 0.8353 0.8824 1 / 0.164);
526
+ --gray-a6: color(display-p3 0.8824 0.9216 0.9961 / 0.202);
527
+ --gray-a7: color(display-p3 0.8902 0.9216 0.9961 / 0.261);
528
+ --gray-a8: color(display-p3 0.9216 0.9451 1 / 0.358);
529
+ --gray-a9: color(display-p3 0.9765 0.9843 1 / 0.916);
530
+ --gray-a10: color(display-p3 0.9725 0.9843 1 / 0.874);
531
+ --gray-a11: color(display-p3 0.9608 0.9725 1 / 0.706);
532
+ --gray-a12: color(display-p3 0.9765 0.9843 1 / 0.933);
533
+
534
+ --gray-contrast: #182135;
535
+ --gray-surface: color(display-p3 0.1176 0.1176 0.1333 / 0.5);
536
+ --gray-indicator: oklch(92.8% 0.0058 264.5);
537
+ --gray-track: oklch(92.8% 0.0058 264.5);
538
+
539
+ /* olive */
540
+ --olive-1: oklch(17.8% 0.0028 124);
541
+ --olive-2: oklch(21.2% 0.0046 124);
542
+ --olive-3: oklch(25.3% 0.01 124);
543
+ --olive-4: oklch(28.9% 0.0152 124);
544
+ --olive-5: oklch(32.6% 0.0186 124);
545
+ --olive-6: oklch(37.2% 0.0218 124);
546
+ --olive-7: oklch(43.2% 0.0261 124);
547
+ --olive-8: oklch(51.4% 0.0275 124);
548
+ --olive-9: oklch(87.8% 0.0184 124);
549
+ --olive-10: oklch(84.7% 0.0184 124);
550
+ --olive-11: oklch(79.6% 0.0275 124);
551
+ --olive-12: oklch(91.4% 0.0184 124);
552
+
553
+ --olive-a1: color(display-p3 0.0667 0.0667 0.0039 / 0.059);
554
+ --olive-a2: color(display-p3 0.8745 0.9922 0.7608 / 0.034);
555
+ --olive-a3: color(display-p3 0.8941 0.9961 0.7412 / 0.076);
556
+ --olive-a4: color(display-p3 0.9294 0.9961 0.7569 / 0.114);
557
+ --olive-a5: color(display-p3 0.9216 1 0.7725 / 0.156);
558
+ --olive-a6: color(display-p3 0.9451 1 0.7922 / 0.206);
559
+ --olive-a7: color(display-p3 0.9294 1 0.7882 / 0.278);
560
+ --olive-a8: color(display-p3 0.9451 1 0.8431 / 0.374);
561
+ --olive-a9: color(display-p3 0.9804 1 0.9412 / 0.841);
562
+ --olive-a10: color(display-p3 0.9804 1 0.9412 / 0.799);
563
+ --olive-a11: color(display-p3 0.9647 1 0.9098 / 0.736);
564
+ --olive-a12: color(display-p3 0.9804 1 0.9451 / 0.891);
565
+
566
+ --olive-contrast: #1e250e;
567
+ --olive-surface: color(display-p3 0.1176 0.1255 0.1098 / 0.5);
568
+ --olive-indicator: oklch(87.8% 0.0184 124);
569
+ --olive-track: oklch(87.8% 0.0184 124);
570
+
571
+ /* tomato */
572
+ --tomato-1: oklch(17.8% 0.0088 19.57);
573
+ --tomato-2: oklch(20.6% 0.0103 19.57);
574
+ --tomato-3: oklch(25.3% 0.0387 19.57);
575
+ --tomato-4: oklch(29.1% 0.0572 19.57);
576
+ --tomato-5: oklch(33.2% 0.0642 19.57);
577
+ --tomato-6: oklch(38.2% 0.0676 19.57);
578
+ --tomato-7: oklch(44.8% 0.0749 19.57);
579
+ --tomato-8: oklch(54.4% 0.0933 19.57);
580
+ --tomato-9: oklch(80.8% 0.1035 19.57);
581
+ --tomato-10: oklch(77.5% 0.1035 19.57);
582
+ --tomato-11: oklch(78.6% 0.1035 19.57);
583
+ --tomato-12: oklch(90.5% 0.0338 19.57);
584
+
585
+ --tomato-a1: color(display-p3 0.9725 0 0 / 0.013);
586
+ --tomato-a2: color(display-p3 0.9804 0.5255 0.4353 / 0.043);
587
+ --tomato-a3: color(display-p3 0.9961 0.3686 0.3961 / 0.131);
588
+ --tomato-a4: color(display-p3 1 0.3922 0.3922 / 0.194);
589
+ --tomato-a5: color(display-p3 1 0.4471 0.4471 / 0.248);
590
+ --tomato-a6: color(display-p3 0.9961 0.5137 0.5137 / 0.316);
591
+ --tomato-a7: color(display-p3 1 0.5765 0.5686 / 0.408);
592
+ --tomato-a8: color(display-p3 0.9961 0.5961 0.5882 / 0.555);
593
+ --tomato-a9: color(display-p3 1 0.702 0.6941 / 0.937);
594
+ --tomato-a10: color(display-p3 1 0.6902 0.6824 / 0.891);
595
+ --tomato-a11: color(display-p3 0.9961 0.6902 0.6824 / 0.908);
596
+ --tomato-a12: color(display-p3 1 0.8941 0.8941 / 0.942);
597
+
598
+ --tomato-contrast: #32191a;
599
+ --tomato-surface: color(display-p3 0.1412 0.102 0.102 / 0.5);
600
+ --tomato-indicator: oklch(80.8% 0.1035 19.57);
601
+ --tomato-track: oklch(80.8% 0.1035 19.57);
602
+
603
+ /* ruby */
604
+ --ruby-1: oklch(17.8% 0.009 11.64);
605
+ --ruby-2: oklch(20.6% 0.0108 11.64);
606
+ --ruby-3: oklch(25.3% 0.0394 11.64);
607
+ --ruby-4: oklch(29.2% 0.0587 11.64);
608
+ --ruby-5: oklch(33.2% 0.0657 11.64);
609
+ --ruby-6: oklch(38.2% 0.0691 11.64);
610
+ --ruby-7: oklch(44.8% 0.0767 11.64);
611
+ --ruby-8: oklch(54.4% 0.0955 11.64);
612
+ --ruby-9: oklch(81% 0.1061 11.64);
613
+ --ruby-10: oklch(77.7% 0.1061 11.64);
614
+ --ruby-11: oklch(78.6% 0.1061 11.64);
615
+ --ruby-12: oklch(90.6% 0.0346 11.64);
616
+
617
+ --ruby-a1: color(display-p3 0.9725 0 0 / 0.013);
618
+ --ruby-a2: color(display-p3 0.9804 0.4353 0.5255 / 0.043);
619
+ --ruby-a3: color(display-p3 0.9961 0.3686 0.4275 / 0.131);
620
+ --ruby-a4: color(display-p3 1 0.3725 0.451 / 0.194);
621
+ --ruby-a5: color(display-p3 1 0.4314 0.5098 / 0.248);
622
+ --ruby-a6: color(display-p3 0.9961 0.502 0.5765 / 0.316);
623
+ --ruby-a7: color(display-p3 1 0.5686 0.6275 / 0.408);
624
+ --ruby-a8: color(display-p3 0.9961 0.5882 0.6392 / 0.555);
625
+ --ruby-a9: color(display-p3 1 0.698 0.7333 / 0.937);
626
+ --ruby-a10: color(display-p3 1 0.6824 0.7176 / 0.895);
627
+ --ruby-a11: color(display-p3 0.9961 0.6902 0.7255 / 0.904);
628
+ --ruby-a12: color(display-p3 1 0.8941 0.902 / 0.942);
629
+
630
+ --ruby-contrast: #32191d;
631
+ --ruby-surface: color(display-p3 0.1412 0.102 0.102 / 0.5);
632
+ --ruby-indicator: oklch(81% 0.1061 11.64);
633
+ --ruby-track: oklch(81% 0.1061 11.64);
634
+
635
+ /* pink */
636
+ --pink-1: oklch(17.8% 0.0113 346);
637
+ --pink-2: oklch(20.7% 0.0192 346);
638
+ --pink-3: oklch(26% 0.0431 346);
639
+ --pink-4: oklch(30% 0.0647 346);
640
+ --pink-5: oklch(33.8% 0.0705 346);
641
+ --pink-6: oklch(38.5% 0.0723 346);
642
+ --pink-7: oklch(45.3% 0.0791 346);
643
+ --pink-8: oklch(54.3% 0.0959 346);
644
+ --pink-9: oklch(82.3% 0.1095 346);
645
+ --pink-10: oklch(79% 0.1095 346);
646
+ --pink-11: oklch(78.6% 0.1095 346);
647
+ --pink-12: oklch(90.7% 0.0389 346);
648
+
649
+ --pink-a1: color(display-p3 0.9725 0 0.3686 / 0.013);
650
+ --pink-a2: color(display-p3 0.9882 0.3176 0.7373 / 0.047);
651
+ --pink-a3: color(display-p3 0.9961 0.3961 0.7255 / 0.131);
652
+ --pink-a4: color(display-p3 1 0.3922 0.7765 / 0.194);
653
+ --pink-a5: color(display-p3 1 0.4549 0.7922 / 0.244);
654
+ --pink-a6: color(display-p3 1 0.5333 0.8196 / 0.303);
655
+ --pink-a7: color(display-p3 1 0.5843 0.8314 / 0.395);
656
+ --pink-a8: color(display-p3 1 0.6196 0.8431 / 0.526);
657
+ --pink-a9: color(display-p3 1 0.7255 0.8863 / 0.925);
658
+ --pink-a10: color(display-p3 1 0.7137 0.8784 / 0.879);
659
+ --pink-a11: color(display-p3 1 0.7098 0.8784 / 0.874);
660
+ --pink-a12: color(display-p3 1 0.898 0.9529 / 0.937);
661
+
662
+ --pink-contrast: #2f1926;
663
+ --pink-surface: color(display-p3 0.1569 0.0941 0.1255 / 0.5);
664
+ --pink-indicator: oklch(82.3% 0.1095 346);
665
+ --pink-track: oklch(82.3% 0.1095 346);
666
+
667
+ /* violet */
668
+ --violet-1: oklch(17.8% 0.0182 293.6);
669
+ --violet-2: oklch(20.8% 0.0229 293.6);
670
+ --violet-3: oklch(27.1% 0.0506 293.6);
671
+ --violet-4: oklch(31.5% 0.0728 293.6);
672
+ --violet-5: oklch(35.2% 0.0777 293.6);
673
+ --violet-6: oklch(39.4% 0.0801 293.6);
674
+ --violet-7: oklch(44.6% 0.0867 293.6);
675
+ --violet-8: oklch(51.2% 0.1011 293.6);
676
+ --violet-9: oklch(81.1% 0.1013 293.6);
677
+ --violet-10: oklch(77.8% 0.1013 293.6);
678
+ --violet-11: oklch(77.7% 0.1013 293.6);
679
+ --violet-12: oklch(91.3% 0.033 293.6);
680
+
681
+ --violet-a1: color(display-p3 0.0706 0 0.9725 / 0.026);
682
+ --violet-a2: color(display-p3 0.498 0.3765 0.9882 / 0.064);
683
+ --violet-a3: color(display-p3 0.5569 0.4235 1 / 0.177);
684
+ --violet-a4: color(display-p3 0.5608 0.4275 0.9961 / 0.261);
685
+ --violet-a5: color(display-p3 0.5804 0.4706 0.9961 / 0.32);
686
+ --violet-a6: color(display-p3 0.6235 0.5294 1 / 0.374);
687
+ --violet-a7: color(display-p3 0.6627 0.5647 1 / 0.45);
688
+ --violet-a8: color(display-p3 0.6667 0.5843 1 / 0.564);
689
+ --violet-a9: color(display-p3 0.7804 0.7333 1 / 0.971);
690
+ --violet-a10: color(display-p3 0.7725 0.7255 1 / 0.925);
691
+ --violet-a11: color(display-p3 0.7725 0.7255 1 / 0.921);
692
+ --violet-a12: color(display-p3 0.9216 0.9098 1 / 0.958);
693
+
694
+ --violet-contrast: #231e33;
695
+ --violet-surface: color(display-p3 0.1176 0.102 0.1882 / 0.5);
696
+ --violet-indicator: oklch(81.1% 0.1013 293.6);
697
+ --violet-track: oklch(81.1% 0.1013 293.6);
698
+
699
+ /* indigo */
700
+ --indigo-1: oklch(17.8% 0.0209 274.7);
701
+ --indigo-2: oklch(20.7% 0.0255 274.7);
702
+ --indigo-3: oklch(27.1% 0.0585 274.7);
703
+ --indigo-4: oklch(31.8% 0.0787 274.7);
704
+ --indigo-5: oklch(36.1% 0.0883 274.7);
705
+ --indigo-6: oklch(40.4% 0.0934 274.7);
706
+ --indigo-7: oklch(45% 0.1015 274.7);
707
+ --indigo-8: oklch(50.3% 0.1159 274.7);
708
+ --indigo-9: oklch(78.5% 0.1041 274.7);
709
+ --indigo-10: oklch(75.1% 0.1041 274.7);
710
+ --indigo-11: oklch(77.7% 0.1041 274.7);
711
+ --indigo-12: oklch(91.1% 0.0361 274.7);
712
+
713
+ --indigo-a1: color(display-p3 0 0 0.9922 / 0.034);
714
+ --indigo-a2: color(display-p3 0.2863 0.3961 0.9961 / 0.072);
715
+ --indigo-a3: color(display-p3 0.3373 0.4353 0.9961 / 0.202);
716
+ --indigo-a4: color(display-p3 0.3725 0.4549 1 / 0.295);
717
+ --indigo-a5: color(display-p3 0.4196 0.4863 1 / 0.366);
718
+ --indigo-a6: color(display-p3 0.4627 0.5294 1 / 0.425);
719
+ --indigo-a7: color(display-p3 0.4863 0.549 1 / 0.505);
720
+ --indigo-a8: color(display-p3 0.498 0.5608 1 / 0.601);
721
+ --indigo-a9: color(display-p3 0.6784 0.7294 0.9961 / 0.963);
722
+ --indigo-a10: color(display-p3 0.6706 0.7176 1 / 0.916);
723
+ --indigo-a11: color(display-p3 0.6784 0.7255 1 / 0.954);
724
+ --indigo-a12: color(display-p3 0.8863 0.9059 1 / 0.971);
725
+
726
+ --indigo-contrast: #1c2035;
727
+ --indigo-surface: color(display-p3 0.0941 0.1098 0.1961 / 0.5);
728
+ --indigo-indicator: oklch(78.5% 0.1041 274.7);
729
+ --indigo-track: oklch(78.5% 0.1041 274.7);
730
+
731
+ /* blue */
732
+ --blue-1: oklch(17.8% 0.0226 251.8);
733
+ --blue-2: oklch(21.4% 0.0271 251.8);
734
+ --blue-3: oklch(27% 0.0518 251.8);
735
+ --blue-4: oklch(32.1% 0.0685 251.8);
736
+ --blue-5: oklch(37.1% 0.0772 251.8);
737
+ --blue-6: oklch(42.5% 0.0843 251.8);
738
+ --blue-7: oklch(48.6% 0.094 251.8);
739
+ --blue-8: oklch(55.5% 0.109 251.8);
740
+ --blue-9: oklch(80.9% 0.0956 251.8);
741
+ --blue-10: oklch(77.6% 0.0956 251.8);
742
+ --blue-11: oklch(78.9% 0.0956 251.8);
743
+ --blue-12: oklch(93% 0.0485 251.8);
744
+
745
+ --blue-a1: color(display-p3 0 0.1725 0.9961 / 0.038);
746
+ --blue-a2: color(display-p3 0.1176 0.5098 1 / 0.08);
747
+ --blue-a3: color(display-p3 0.1961 0.5333 1 / 0.185);
748
+ --blue-a4: color(display-p3 0.2549 0.5569 1 / 0.274);
749
+ --blue-a5: color(display-p3 0.3176 0.6078 1 / 0.349);
750
+ --blue-a6: color(display-p3 0.3725 0.6353 1 / 0.433);
751
+ --blue-a7: color(display-p3 0.4078 0.6588 1 / 0.53);
752
+ --blue-a8: color(display-p3 0.4235 0.6706 1 / 0.652);
753
+ --blue-a9: color(display-p3 0.6353 0.7922 1 / 0.971);
754
+ --blue-a10: color(display-p3 0.6196 0.7804 1 / 0.925);
755
+ --blue-a11: color(display-p3 0.6235 0.7882 1 / 0.942);
756
+ --blue-a12: color(display-p3 0.8471 0.9255 1 / 0.992);
757
+
758
+ --blue-contrast: #132334;
759
+ --blue-surface: color(display-p3 0.0706 0.1333 0.2118 / 0.5);
760
+ --blue-indicator: oklch(80.9% 0.0956 251.8);
761
+ --blue-track: oklch(80.9% 0.0956 251.8);
762
+
763
+ /* teal */
764
+ --teal-1: oklch(17.8% 0.0143 181.1);
765
+ --teal-2: oklch(20.9% 0.0209 181.1);
766
+ --teal-3: oklch(26.9% 0.0473 181.1);
767
+ --teal-4: oklch(31.4% 0.0701 181.1);
768
+ --teal-5: oklch(36% 0.0767 181.1);
769
+ --teal-6: oklch(41.1% 0.081 181.1);
770
+ --teal-7: oklch(47.1% 0.0892 181.1);
771
+ --teal-8: oklch(54% 0.1042 181.1);
772
+ --teal-9: oklch(85.5% 0.1251 181.1);
773
+ --teal-10: oklch(82.3% 0.1251 181.1);
774
+ --teal-11: oklch(79.4% 0.1251 181.1);
775
+ --teal-12: oklch(92.6% 0.0728 181.1);
776
+
777
+ --teal-a1: color(display-p3 0 0.9412 0.0667 / 0.009);
778
+ --teal-a2: color(display-p3 0 0.9804 0.8 / 0.043);
779
+ --teal-a3: color(display-p3 0 0.9961 0.8235 / 0.114);
780
+ --teal-a4: color(display-p3 0.1804 1 0.8235 / 0.177);
781
+ --teal-a5: color(display-p3 0.2667 1 0.8314 / 0.236);
782
+ --teal-a6: color(display-p3 0.3216 1 0.8667 / 0.295);
783
+ --teal-a7: color(display-p3 0.3647 1 0.8824 / 0.37);
784
+ --teal-a8: color(display-p3 0.3961 1 0.8824 / 0.467);
785
+ --teal-a9: color(display-p3 0.5765 0.9961 0.9137 / 0.9);
786
+ --teal-a10: color(display-p3 0.5569 1 0.9137 / 0.858);
787
+ --teal-a11: color(display-p3 0.5333 1 0.9098 / 0.816);
788
+ --teal-a12: color(display-p3 0.7765 1 0.949 / 0.958);
789
+
790
+ --teal-contrast: #052823;
791
+ --teal-surface: color(display-p3 0.0588 0.1412 0.1255 / 0.5);
792
+ --teal-indicator: oklch(85.5% 0.1251 181.1);
793
+ --teal-track: oklch(85.5% 0.1251 181.1);
794
+
795
+ /* grass */
796
+ --grass-1: oklch(17.8% 0.0159 154.4);
797
+ --grass-2: oklch(20.9% 0.022 154.4);
798
+ --grass-3: oklch(26.9% 0.0513 154.4);
799
+ --grass-4: oklch(31.5% 0.0759 154.4);
800
+ --grass-5: oklch(36.1% 0.0851 154.4);
801
+ --grass-6: oklch(41.1% 0.0917 154.4);
802
+ --grass-7: oklch(47% 0.1021 154.4);
803
+ --grass-8: oklch(53.6% 0.1197 154.4);
804
+ --grass-9: oklch(87.1% 0.1363 154.4);
805
+ --grass-10: oklch(84% 0.1363 154.4);
806
+ --grass-11: oklch(79% 0.1363 154.4);
807
+ --grass-12: oklch(92.2% 0.09 154.4);
808
+
809
+ --grass-a1: color(display-p3 0 0.9412 0 / 0.009);
810
+ --grass-a2: color(display-p3 0.1608 0.9804 0.4353 / 0.043);
811
+ --grass-a3: color(display-p3 0.2392 0.9961 0.4471 / 0.114);
812
+ --grass-a4: color(display-p3 0.2 1 0.4471 / 0.177);
813
+ --grass-a5: color(display-p3 0.3176 1 0.502 / 0.236);
814
+ --grass-a6: color(display-p3 0.3961 1 0.5529 / 0.299);
815
+ --grass-a7: color(display-p3 0.4588 1 0.6078 / 0.37);
816
+ --grass-a8: color(display-p3 0.4667 1 0.6196 / 0.463);
817
+ --grass-a9: color(display-p3 0.6784 1 0.749 / 0.921);
818
+ --grass-a10: color(display-p3 0.6588 1 0.7412 / 0.879);
819
+ --grass-a11: color(display-p3 0.6353 1 0.7216 / 0.811);
820
+ --grass-a12: color(display-p3 0.8 1 0.8392 / 0.958);
821
+
822
+ --grass-contrast: #112719;
823
+ --grass-surface: color(display-p3 0.0706 0.1412 0.0863 / 0.5);
824
+ --grass-indicator: oklch(87.1% 0.1363 154.4);
825
+ --grass-track: oklch(87.1% 0.1363 154.4);
826
+
827
+ /* mint */
828
+ --mint-1: oklch(17.8% 0.0246 207.1);
829
+ --mint-2: oklch(21.3% 0.0301 207.1);
830
+ --mint-3: oklch(27% 0.0568 207.1);
831
+ --mint-4: oklch(32% 0.0747 207.1);
832
+ --mint-5: oklch(37% 0.0844 207.1);
833
+ --mint-6: oklch(42.4% 0.0926 207.1);
834
+ --mint-7: oklch(48.5% 0.1035 207.1);
835
+ --mint-8: oklch(55.5% 0.1203 207.1);
836
+ --mint-9: oklch(86.5% 0.1153 207.1);
837
+ --mint-10: oklch(83.4% 0.1153 207.1);
838
+ --mint-11: oklch(79.3% 0.1103 207.1);
839
+ --mint-12: oklch(93.3% 0.0594 207.1);
840
+
841
+ --mint-a1: color(display-p3 0 0.5216 0.9725 / 0.026);
842
+ --mint-a2: color(display-p3 0 0.8 1 / 0.059);
843
+ --mint-a3: color(display-p3 0.0157 0.8353 1 / 0.143);
844
+ --mint-a4: color(display-p3 0.1569 0.8392 1 / 0.219);
845
+ --mint-a5: color(display-p3 0.2314 0.851 1 / 0.286);
846
+ --mint-a6: color(display-p3 0.2863 0.8667 1 / 0.358);
847
+ --mint-a7: color(display-p3 0.3255 0.8745 1 / 0.442);
848
+ --mint-a8: color(display-p3 0.3608 0.8824 1 / 0.547);
849
+ --mint-a9: color(display-p3 0.5569 0.9294 0.9961 / 0.963);
850
+ --mint-a10: color(display-p3 0.5412 0.9294 1 / 0.921);
851
+ --mint-a11: color(display-p3 0.5373 0.9294 1 / 0.853);
852
+ --mint-a12: color(display-p3 0.7922 0.9686 1 / 0.984);
853
+
854
+ --mint-contrast: #03272b;
855
+ --mint-surface: color(display-p3 0.0196 0.149 0.1725 / 0.5);
856
+ --mint-indicator: oklch(86.5% 0.1153 207.1);
857
+ --mint-track: oklch(86.5% 0.1153 207.1);
858
+
859
+ /* lime */
860
+ --lime-1: oklch(17.8% 0.0147 126.7);
861
+ --lime-2: oklch(20.8% 0.0198 126.7);
862
+ --lime-3: oklch(26.6% 0.035 126.7);
863
+ --lime-4: oklch(31.6% 0.0479 126.7);
864
+ --lime-5: oklch(36.3% 0.0591 126.7);
865
+ --lime-6: oklch(41.2% 0.0701 126.7);
866
+ --lime-7: oklch(46.4% 0.0817 126.7);
867
+ --lime-8: oklch(52.4% 0.0965 126.7);
868
+ --lime-9: oklch(89.7% 0.1786 126.7);
869
+ --lime-10: oklch(86.7% 0.159 126.7);
870
+ --lime-11: oklch(86.8% 0.159 126.7);
871
+ --lime-12: oklch(94.6% 0.0836 126.7);
872
+
873
+ --lime-a1: color(display-p3 0 0.8549 0 / 0.005);
874
+ --lime-a2: color(display-p3 0.6471 0.9922 0.0667 / 0.034);
875
+ --lime-a3: color(display-p3 0.7686 1 0.3412 / 0.101);
876
+ --lime-a4: color(display-p3 0.7725 1 0.3961 / 0.156);
877
+ --lime-a5: color(display-p3 0.8 1 0.4157 / 0.215);
878
+ --lime-a6: color(display-p3 0.8 1 0.4392 / 0.274);
879
+ --lime-a7: color(display-p3 0.8235 1 0.4706 / 0.332);
880
+ --lime-a8: color(display-p3 0.8196 1 0.4784 / 0.412);
881
+ --lime-a9: color(display-p3 0.8314 1 0.4941 / 0.942);
882
+ --lime-a10: color(display-p3 0.8392 1 0.5373 / 0.891);
883
+ --lime-a11: color(display-p3 0.8392 1 0.5373 / 0.891);
884
+ --lime-a12: color(display-p3 0.9216 0.9961 0.7843 / 0.967);
885
+
886
+ --lime-contrast: #1d250f;
887
+ --lime-surface: color(display-p3 0.102 0.1255 0.0627 / 0.5);
888
+ --lime-indicator: oklch(89.7% 0.1786 126.7);
889
+ --lime-track: oklch(89.7% 0.1786 126.7);
890
+
891
+ /* yellow */
892
+ --yellow-1: oklch(17.8% 0.0129 98.11);
893
+ --yellow-2: oklch(20.8% 0.0169 98.11);
894
+ --yellow-3: oklch(25.9% 0.0462 98.11);
895
+ --yellow-4: oklch(29.3% 0.069 98.11);
896
+ --yellow-5: oklch(33.3% 0.0786 98.11);
897
+ --yellow-6: oklch(38.4% 0.0769 98.11);
898
+ --yellow-7: oklch(45.2% 0.0804 98.11);
899
+ --yellow-8: oklch(53.5% 0.0945 98.11);
900
+ --yellow-9: oklch(90.5% 0.1657 98.11);
901
+ --yellow-10: oklch(87.5% 0.1657 98.11);
902
+ --yellow-11: oklch(89.9% 0.1657 98.11);
903
+ --yellow-12: oklch(94.1% 0.0741 98.11);
904
+
905
+ --yellow-a1: color(display-p3 0.8549 0.0706 0 / 0.005);
906
+ --yellow-a2: color(display-p3 0.9961 0.7922 0 / 0.038);
907
+ --yellow-a3: color(display-p3 1 0.8078 0 / 0.101);
908
+ --yellow-a4: color(display-p3 0.9961 0.7843 0 / 0.148);
909
+ --yellow-a5: color(display-p3 1 0.8157 0 / 0.194);
910
+ --yellow-a6: color(display-p3 1 0.8588 0.102 / 0.248);
911
+ --yellow-a7: color(display-p3 1 0.8824 0.2941 / 0.332);
912
+ --yellow-a8: color(display-p3 1 0.8941 0.3451 / 0.442);
913
+ --yellow-a9: color(display-p3 1 0.9098 0.4039 / 0.971);
914
+ --yellow-a10: color(display-p3 1 0.902 0.3765 / 0.929);
915
+ --yellow-a11: color(display-p3 0.9961 0.9059 0.3961 / 0.963);
916
+ --yellow-a12: color(display-p3 0.9961 0.9608 0.7529 / 0.963);
917
+
918
+ --yellow-contrast: #272209;
919
+ --yellow-surface: color(display-p3 0.1255 0.1176 0.0588 / 0.5);
920
+ --yellow-indicator: oklch(90.5% 0.1657 98.11);
921
+ --yellow-track: oklch(90.5% 0.1657 98.11);
922
+
923
+ /* orange */
924
+ --orange-1: oklch(17.8% 0.0085 66.29);
925
+ --orange-2: oklch(21% 0.0131 66.29);
926
+ --orange-3: oklch(25.5% 0.0292 66.29);
927
+ --orange-4: oklch(29% 0.0489 66.29);
928
+ --orange-5: oklch(32.9% 0.058 66.29);
929
+ --orange-6: oklch(37.7% 0.0623 66.29);
930
+ --orange-7: oklch(44% 0.0704 66.29);
931
+ --orange-8: oklch(52.3% 0.0874 66.29);
932
+ --orange-9: oklch(83.7% 0.1165 66.29);
933
+ --orange-10: oklch(80.5% 0.1165 66.29);
934
+ --orange-11: oklch(79.8% 0.1165 66.29);
935
+ --orange-12: oklch(92.1% 0.0459 66.29);
936
+
937
+ --orange-a1: color(display-p3 0.9412 0 0 / 0.009);
938
+ --orange-a2: color(display-p3 0.9882 0.5686 0.2353 / 0.047);
939
+ --orange-a3: color(display-p3 0.9922 0.6235 0.2157 / 0.106);
940
+ --orange-a4: color(display-p3 0.9961 0.5804 0.0902 / 0.169);
941
+ --orange-a5: color(display-p3 1 0.6235 0.1765 / 0.219);
942
+ --orange-a6: color(display-p3 1 0.651 0.2784 / 0.282);
943
+ --orange-a7: color(display-p3 1 0.6902 0.3451 / 0.366);
944
+ --orange-a8: color(display-p3 1 0.7098 0.3725 / 0.488);
945
+ --orange-a9: color(display-p3 1 0.7765 0.5216 / 0.95);
946
+ --orange-a10: color(display-p3 0.9961 0.7686 0.498 / 0.904);
947
+ --orange-a11: color(display-p3 1 0.7686 0.4941 / 0.895);
948
+ --orange-a12: color(display-p3 0.9961 0.9137 0.8118 / 0.963);
949
+
950
+ --orange-contrast: #2f1e0b;
951
+ --orange-surface: color(display-p3 0.149 0.1098 0.0784 / 0.5);
952
+ --orange-indicator: oklch(83.7% 0.1165 66.29);
953
+ --orange-track: oklch(83.7% 0.1165 66.29);
954
+
955
+ /* gold */
956
+ --gold-1: oklch(17.8% 0.0117 84.43);
957
+ --gold-2: oklch(21.1% 0.0166 84.43);
958
+ --gold-3: oklch(25.7% 0.0404 84.43);
959
+ --gold-4: oklch(29.6% 0.0661 84.43);
960
+ --gold-5: oklch(33.7% 0.0751 84.43);
961
+ --gold-6: oklch(38.7% 0.0725 84.43);
962
+ --gold-7: oklch(45.3% 0.0756 84.43);
963
+ --gold-8: oklch(53.6% 0.0891 84.43);
964
+ --gold-9: oklch(83.7% 0.1644 84.43);
965
+ --gold-10: oklch(80.5% 0.1644 84.43);
966
+ --gold-11: oklch(87.1% 0.1621 84.43);
967
+ --gold-12: oklch(93.5% 0.0661 84.43);
968
+
969
+ --gold-a1: color(display-p3 0.9412 0.0667 0 / 0.009);
970
+ --gold-a2: color(display-p3 0.9804 0.7059 0.0706 / 0.043);
971
+ --gold-a3: color(display-p3 0.9922 0.698 0 / 0.106);
972
+ --gold-a4: color(display-p3 0.9961 0.6471 0 / 0.169);
973
+ --gold-a5: color(display-p3 1 0.6824 0 / 0.223);
974
+ --gold-a6: color(display-p3 1 0.7451 0.1529 / 0.278);
975
+ --gold-a7: color(display-p3 1 0.7922 0.3098 / 0.358);
976
+ --gold-a8: color(display-p3 1 0.8078 0.3608 / 0.471);
977
+ --gold-a9: color(display-p3 1 0.7961 0.3059 / 0.946);
978
+ --gold-a10: color(display-p3 0.9961 0.7882 0.2667 / 0.9);
979
+ --gold-a11: color(display-p3 0.9961 0.8235 0.3569 / 0.967);
980
+ --gold-a12: color(display-p3 1 0.9294 0.7569 / 0.979);
981
+
982
+ --gold-contrast: #2b2009;
983
+ --gold-surface: color(display-p3 0.1412 0.1176 0.0627 / 0.5);
984
+ --gold-indicator: oklch(83.7% 0.1644 84.43);
985
+ --gold-track: oklch(83.7% 0.1644 84.43);
986
+ }
1018
987
  }
1019
- }
988
+ }
989
+ }