@maggioli-design-system/styles 15.11.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/README.md +58 -7
  2. package/dist/css/animations.css +3 -1
  3. package/dist/css/base.css +109 -67
  4. package/dist/css/colors-hex-brand-rnd.css +39 -37
  5. package/dist/css/colors-hex-brand.css +72 -70
  6. package/dist/css/colors-hex-default.css +732 -664
  7. package/dist/css/colors-hex-label.css +402 -334
  8. package/dist/css/colors-hex-status.css +138 -136
  9. package/dist/css/colors-hex-tones.css +171 -169
  10. package/dist/css/colors-hex.css +897 -2230
  11. package/dist/css/colors-rgb-brand-rnd.css +34 -32
  12. package/dist/css/colors-rgb-brand.css +65 -63
  13. package/dist/css/colors-rgb-default.css +692 -624
  14. package/dist/css/colors-rgb-label.css +399 -331
  15. package/dist/css/colors-rgb-status.css +124 -122
  16. package/dist/css/colors-rgb-tones.css +166 -164
  17. package/dist/css/colors-rgb.css +852 -2185
  18. package/dist/css/globals.css +222 -7
  19. package/dist/css/hydrated.css +7 -0
  20. package/dist/css/layer.css +1 -0
  21. package/dist/css/reset.css +123 -115
  22. package/dist/css/tailwind-theme-color.css +306 -0
  23. package/dist/css/tailwind-theme-typography.css +251 -0
  24. package/dist/css/transitions.css +45 -0
  25. package/dist/css/typography.css +218 -129
  26. package/dist/tailwind/base.css +88 -41
  27. package/dist/tailwind/reset.css +116 -99
  28. package/dist/tailwind/theme.css +5 -0
  29. package/dist/tailwind/typography.css +137 -157
  30. package/dist/tailwind/utilities.css +97 -0
  31. package/dist/tailwind3/base.css +51 -0
  32. package/dist/{tailwind → tailwind3}/components.css +5 -4
  33. package/dist/tailwind3/reset.css +114 -0
  34. package/dist/tailwind3/typography.css +140 -0
  35. package/package.json +22 -13
  36. package/postcss.config.js +2 -7
  37. package/tailwind.config.js +11 -10
  38. package/dist/css/colors-hex-brand-apk.css +0 -281
  39. package/dist/css/colors-hex-brand-mindy.css +0 -50
  40. package/dist/css/colors-hex-brand-synbee.css +0 -83
  41. package/dist/css/colors-hex-synbee-v1.css +0 -1025
  42. package/dist/css/colors-rgb-brand-apk.css +0 -281
  43. package/dist/css/colors-rgb-brand-mindy.css +0 -50
  44. package/dist/css/colors-rgb-brand-synbee.css +0 -83
  45. package/dist/css/colors-rgb-synbee-v1.css +0 -1025
package/dist/css/colors-hex-label.css CHANGED
@@ -1,347 +1,415 @@
1
1
  /*
2
- @magma-design-system/design-tokens v13.7.1
2
+ @magma-design-system/design-tokens v14.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Tue, 03 Jun 2025 08:08:38 GMT
5
+ Generated at Mon, 08 Jun 2026 08:22:20 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --label-amaranth-01: #3a0614;
10
- --label-amaranth-02: #810d2c;
11
- --label-amaranth-03: #9a1034;
12
- --label-amaranth-04: #b5133d;
13
- --label-amaranth-05: #d61649;
14
- --label-amaranth-06: #ee5980;
15
- --label-amaranth-07: #f6abbf;
16
- --label-amaranth-08: #facdd9;
17
- --label-amaranth-09: #fce2e8;
18
- --label-amaranth-10: #fef2f5;
19
- --label-amaranth: #ea3464;
20
- --label-orchid-01: #330731;
21
- --label-orchid-02: #73106e;
22
- --label-orchid-03: #891482;
23
- --label-orchid-04: #a2179a;
24
- --label-orchid-05: #c01bb8;
25
- --label-orchid-06: #e54add;
26
- --label-orchid-07: #f2a7ee;
27
- --label-orchid-08: #f7caf5;
28
- --label-orchid-09: #fbe1f9;
29
- --label-orchid-10: #fdf0fc;
30
- --label-orchid: #e33bda;
31
- --label-violet-01: #220456;
32
- --label-violet-02: #4908ba;
33
- --label-violet-03: #570adc;
34
- --label-violet-04: #6c1df5;
35
- --label-violet-05: #8441f7;
36
- --label-violet-06: #a472f9;
37
- --label-violet-07: #ceb3fc;
38
- --label-violet-08: #e1d1fd;
39
- --label-violet-09: #eee5fe;
40
- --label-violet-10: #f7f3fe;
41
- --label-violet: #782ff6;
42
- --label-blue-01: #031156;
43
- --label-blue-02: #0727bd;
44
- --label-blue-03: #082ee0;
45
- --label-blue-04: #1b40f6;
46
- --label-blue-05: #3c5cf8;
47
- --label-blue-06: #6d85fa;
48
- --label-blue-07: #b0bdfc;
49
- --label-blue-08: #cfd7fd;
50
- --label-blue-09: #e3e8fe;
51
- --label-blue-10: #f2f4ff;
52
- --label-blue: #0e36f6;
53
- --label-sky-01: #011c31;
54
- --label-sky-02: #034273;
55
- --label-sky-03: #044f89;
56
- --label-sky-04: #055ea2;
57
- --label-sky-05: #0570c1;
58
- --label-sky-06: #0890f8;
59
- --label-sky-07: #83c7fc;
60
- --label-sky-08: #b3ddfd;
61
- --label-sky-09: #d4ecfe;
62
- --label-sky-10: #ebf6fe;
63
- --label-sky: #4daffa;
64
- --label-aqua-01: #011f1c;
65
- --label-aqua-02: #034941;
66
- --label-aqua-03: #03574d;
67
- --label-aqua-04: #04675c;
68
- --label-aqua-05: #047c6d;
69
- --label-aqua-06: #069f8d;
70
- --label-aqua-07: #08d7be;
71
- --label-aqua-08: #09f2d6;
72
- --label-aqua-09: #8cfbee;
73
- --label-aqua-10: #d4fdf8;
74
- --label-aqua: #74faea;
75
- --label-green-01: #052001;
76
- --label-green-02: #0c4b03;
77
- --label-green-03: #0e5a04;
78
- --label-green-04: #116b04;
79
- --label-green-05: #147f05;
80
- --label-green-06: #1aa406;
81
- --label-green-07: #23de09;
82
- --label-green-08: #55f73e;
83
- --label-green-09: #affba4;
84
- --label-green-10: #ddfdd8;
85
- --label-green: #78f966;
86
- --label-lime-01: #161d01;
87
- --label-lime-02: #354602;
88
- --label-lime-03: #3f5402;
89
- --label-lime-04: #4b6402;
90
- --label-lime-05: #597703;
91
- --label-lime-06: #749a04;
92
- --label-lime-07: #9dd105;
93
- --label-lime-08: #b0eb05;
94
- --label-lime-09: #c7fa33;
95
- --label-lime-10: #eafdb4;
96
- --label-lime: #cffb50;
97
- --label-yellow-01: #201b01;
98
- --label-yellow-02: #4b4103;
99
- --label-yellow-03: #584c03;
100
- --label-yellow-04: #6a5b04;
101
- --label-yellow-05: #7f6d04;
102
- --label-yellow-06: #a38d06;
103
- --label-yellow-07: #ddbf07;
104
- --label-yellow-08: #f7d81b;
105
- --label-yellow-09: #fbea82;
106
- --label-yellow-10: #fdf5c5;
107
- --label-yellow: #f9e14e;
108
- --label-orange-01: #311203;
109
- --label-orange-02: #712a08;
110
- --label-orange-03: #863209;
111
- --label-orange-04: #a03b0b;
112
- --label-orange-05: #be470d;
113
- --label-orange-06: #ef601b;
114
- --label-orange-07: #f7af8d;
115
- --label-orange-08: #fad0bb;
116
- --label-orange-09: #fce4d8;
117
- --label-orange-10: #fef3ed;
118
- --label-orange: #f17032;
9
+ --hex-label-red-01: #480909;
10
+ --hex-label-red-02: #690e0e;
11
+ --hex-label-red-03: #911313;
12
+ --hex-label-red-04: #c31919;
13
+ --hex-label-red-05: #e64242;
14
+ --hex-label-red-06: #f08e8e;
15
+ --hex-label-red-07: #f4adad;
16
+ --hex-label-red-08: #f8c9c9;
17
+ --hex-label-red-09: #fbe2e2;
18
+ --hex-label-red-10: #fceaea;
19
+ --hex-label-red: #d01b1b;
20
+ --hex-label-amaranth-01: #480410;
21
+ --hex-label-amaranth-02: #6a0617;
22
+ --hex-label-amaranth-03: #920820;
23
+ --hex-label-amaranth-04: #c40b2b;
24
+ --hex-label-amaranth-05: #f22548;
25
+ --hex-label-amaranth-06: #f8879b;
26
+ --hex-label-amaranth-07: #faaab7;
27
+ --hex-label-amaranth-08: #fcc5cf;
28
+ --hex-label-amaranth-09: #fde1e6;
29
+ --hex-label-amaranth-10: #fee9ed;
30
+ --hex-label-amaranth: #f43f5e;
31
+ --hex-label-orchid-01: #460727;
32
+ --hex-label-orchid-02: #660b38;
33
+ --hex-label-orchid-03: #8e0f4d;
34
+ --hex-label-orchid-04: #be1468;
35
+ --hex-label-orchid-05: #e92c89;
36
+ --hex-label-orchid-06: #f286bc;
37
+ --hex-label-orchid-07: #f6a9cf;
38
+ --hex-label-orchid-08: #f9c5df;
39
+ --hex-label-orchid-09: #fce1ef;
40
+ --hex-label-orchid-10: #fde9f3;
41
+ --hex-label-orchid: #ec4899;
42
+ --hex-label-purple-01: #31045c;
43
+ --hex-label-purple-02: #480687;
44
+ --hex-label-purple-03: #6409bc;
45
+ --hex-label-purple-04: #8919f4;
46
+ --hex-label-purple-05: #a856f7;
47
+ --hex-label-purple-06: #c792fa;
48
+ --hex-label-purple-07: #d7b0fb;
49
+ --hex-label-purple-08: #e4cafc;
50
+ --hex-label-purple-09: #f1e4fe;
51
+ --hex-label-purple-10: #f5eafe;
52
+ --hex-label-purple: #a855f7;
53
+ --hex-label-violet-01: #240668;
54
+ --hex-label-violet-02: #340899;
55
+ --hex-label-violet-03: #490cd3;
56
+ --hex-label-violet-04: #7239f4;
57
+ --hex-label-violet-05: #9164f6;
58
+ --hex-label-violet-06: #b799f9;
59
+ --hex-label-violet-07: #cab5fb;
60
+ --hex-label-violet-08: #dbcdfc;
61
+ --hex-label-violet-09: #ece4fe;
62
+ --hex-label-violet-10: #f1ecfe;
63
+ --hex-label-violet: #8b5cf6;
64
+ --hex-label-blue-01: #04156a;
65
+ --hex-label-blue-02: #061f9a;
66
+ --hex-label-blue-03: #082bd5;
67
+ --hex-label-blue-04: #2e51f7;
68
+ --hex-label-blue-05: #5a75f9;
69
+ --hex-label-blue-06: #92a4fb;
70
+ --hex-label-blue-07: #afbdfc;
71
+ --hex-label-blue-08: #c8d2fd;
72
+ --hex-label-blue-09: #e3e7fe;
73
+ --hex-label-blue-10: #eaeefe;
74
+ --hex-label-blue: #0e36f6;
75
+ --hex-label-sky-01: #032839;
76
+ --hex-label-sky-02: #053b53;
77
+ --hex-label-sky-03: #075173;
78
+ --hex-label-sky-04: #096d9b;
79
+ --hex-label-sky-05: #0c88c1;
80
+ --hex-label-sky-06: #28b4f2;
81
+ --hex-label-sky-07: #6acbf6;
82
+ --hex-label-sky-08: #9ddcf9;
83
+ --hex-label-sky-09: #cdedfc;
84
+ --hex-label-sky-10: #dbf2fd;
85
+ --hex-label-sky: #0ea5e9;
86
+ --hex-label-aqua-01: #012930;
87
+ --hex-label-aqua-02: #023d46;
88
+ --hex-label-aqua-03: #035462;
89
+ --hex-label-aqua-04: #047183;
90
+ --hex-label-aqua-05: #058da5;
91
+ --hex-label-aqua-06: #06b8d7;
92
+ --hex-label-aqua-07: #07d0f3;
93
+ --hex-label-aqua-08: #63e5fb;
94
+ --hex-label-aqua-09: #b5f2fd;
95
+ --hex-label-aqua-10: #cbf6fe;
96
+ --hex-label-aqua: #06b6d4;
97
+ --hex-label-green-01: #082b15;
98
+ --hex-label-green-02: #0b3f1e;
99
+ --hex-label-green-03: #0f582a;
100
+ --hex-label-green-04: #147739;
101
+ --hex-label-green-05: #1a9447;
102
+ --hex-label-green-06: #21c15c;
103
+ --hex-label-green-07: #2cda6c;
104
+ --hex-label-green-08: #7de8a4;
105
+ --hex-label-green-09: #c1f4d4;
106
+ --hex-label-green-10: #d3f7e1;
107
+ --hex-label-green: #22c55e;
108
+ --hex-label-lime-01: #1b2a05;
109
+ --hex-label-lime-02: #283d07;
110
+ --hex-label-lime-03: #375509;
111
+ --hex-label-lime-04: #4a720c;
112
+ --hex-label-lime-05: #5d8f0f;
113
+ --hex-label-lime-06: #79bb14;
114
+ --hex-label-lime-07: #89d317;
115
+ --hex-label-lime-08: #9fe82e;
116
+ --hex-label-lime-09: #d1f49c;
117
+ --hex-label-lime-10: #dff7b9;
118
+ --hex-label-lime: #84cc16;
119
+ --hex-label-yellow-01: #302402;
120
+ --hex-label-yellow-02: #463602;
121
+ --hex-label-yellow-03: #604a03;
122
+ --hex-label-yellow-04: #816304;
123
+ --hex-label-yellow-05: #a17c06;
124
+ --hex-label-yellow-06: #d3a207;
125
+ --hex-label-yellow-07: #efb708;
126
+ --hex-label-yellow-08: #f9cf4e;
127
+ --hex-label-yellow-09: #fce7a8;
128
+ --hex-label-yellow-10: #fdeebf;
129
+ --hex-label-yellow: #eab308;
130
+ --hex-label-orange-01: #3e1b02;
131
+ --hex-label-orange-02: #5b2702;
132
+ --hex-label-orange-03: #7f3603;
133
+ --hex-label-orange-04: #ab4804;
134
+ --hex-label-orange-05: #d55a05;
135
+ --hex-label-orange-06: #fa8c40;
136
+ --hex-label-orange-07: #fcae79;
137
+ --hex-label-orange-08: #fdc9a6;
138
+ --hex-label-orange-09: #fee4d1;
139
+ --hex-label-orange-10: #feebdf;
140
+ --hex-label-orange: #f97316;
119
141
  }
120
142
 
121
- :root.pref-theme-dark {
122
- --label-amaranth-01: #fce2e9;
123
- --label-amaranth-02: #f59cb4;
124
- --label-amaranth-03: #f2819f;
125
- --label-amaranth-04: #ef6186;
126
- --label-amaranth-05: #ea3263;
127
- --label-amaranth-06: #bb1340;
128
- --label-amaranth-07: #740c27;
129
- --label-amaranth-08: #53091c;
130
- --label-amaranth-09: #3b0614;
131
- --label-amaranth-10: #23040c;
132
- --label-amaranth: #ea3464;
133
- --label-orchid-01: #fbe0f9;
134
- --label-orchid-02: #f096eb;
135
- --label-orchid-03: #ec7ae6;
136
- --label-orchid-04: #e653df;
137
- --label-orchid-05: #db1fd1;
138
- --label-orchid-06: #a818a0;
139
- --label-orchid-07: #670f62;
140
- --label-orchid-08: #490a46;
141
- --label-orchid-09: #330731;
142
- --label-orchid-10: #20051e;
143
- --label-orchid: #e33bda;
144
- --label-violet-01: #eee5fe;
145
- --label-violet-02: #c6a6fb;
146
- --label-violet-03: #b791fa;
147
- --label-violet-04: #a878f9;
148
- --label-violet-05: #955bf8;
149
- --label-violet-06: #7125f6;
150
- --label-violet-07: #4207a7;
151
- --label-violet-08: #30057a;
152
- --label-violet-09: #230458;
153
- --label-violet-10: #150236;
154
- --label-violet: #782ff6;
155
- --label-blue-01: #e3e8fe;
156
- --label-blue-02: #a2b1fc;
157
- --label-blue-03: #8b9ffb;
158
- --label-blue-04: #7289fa;
159
- --label-blue-05: #5571f9;
160
- --label-blue-06: #2246f7;
161
- --label-blue-07: #0623aa;
162
- --label-blue-08: #05197a;
163
- --label-blue-09: #031155;
164
- --label-blue-10: #020b36;
165
- --label-blue: #0e36f6;
166
- --label-sky-01: #d4ecfe;
167
- --label-sky-02: #6bbdfb;
168
- --label-sky-03: #44abfa;
169
- --label-sky-04: #1495f8;
170
- --label-sky-05: #0680dc;
171
- --label-sky-06: #0561a8;
172
- --label-sky-07: #033b67;
173
- --label-sky-08: #022a49;
174
- --label-sky-09: #011e33;
175
- --label-sky-10: #01111e;
176
- --label-sky: #4daffa;
177
- --label-aqua-01: #90fbee;
178
- --label-aqua-02: #07cbb4;
179
- --label-aqua-03: #07b8a3;
180
- --label-aqua-04: #06a391;
181
- --label-aqua-05: #058d7d;
182
- --label-aqua-06: #046b5f;
183
- --label-aqua-07: #02413a;
184
- --label-aqua-08: #022e28;
185
- --label-aqua-09: #01201c;
186
- --label-aqua-10: #011210;
187
- --label-aqua: #74faea;
188
- --label-green-01: #b0fba6;
189
- --label-green-02: #21d208;
190
- --label-green-03: #1ebe07;
191
- --label-green-04: #1ba907;
192
- --label-green-05: #179106;
193
- --label-green-06: #116f04;
194
- --label-green-07: #0b4303;
195
- --label-green-08: #072f02;
196
- --label-green-09: #052101;
197
- --label-green-10: #031301;
198
- --label-green: #78f966;
199
- --label-lime-01: #c9fa39;
200
- --label-lime-02: #94c505;
201
- --label-lime-03: #86b304;
202
- --label-lime-04: #779e04;
203
- --label-lime-05: #668903;
204
- --label-lime-06: #4e6802;
205
- --label-lime-07: #2f3f01;
206
- --label-lime-08: #212c01;
207
- --label-lime-09: #171f01;
208
- --label-lime-10: #0d1100;
209
- --label-lime: #cffb50;
210
- --label-yellow-01: #fbea86;
211
- --label-yellow-02: #d1b407;
212
- --label-yellow-03: #bda306;
213
- --label-yellow-04: #a89106;
214
- --label-yellow-05: #917d05;
215
- --label-yellow-06: #6e5f04;
216
- --label-yellow-07: #423902;
217
- --label-yellow-08: #2e2802;
218
- --label-yellow-09: #201b01;
219
- --label-yellow-10: #110f01;
220
- --label-yellow: #f9e14e;
221
- --label-orange-01: #fce4d8;
222
- --label-orange-02: #f6a178;
223
- --label-orange-03: #f38854;
224
- --label-orange-04: #f06826;
225
- --label-orange-05: #d9510f;
226
- --label-orange-06: #a63d0b;
227
- --label-orange-07: #652607;
228
- --label-orange-08: #471a05;
229
- --label-orange-09: #321303;
230
- --label-orange-10: #1b0a02;
231
- --label-orange: #f17032;
143
+ :root:not(.pref-theme-scheme-light).pref-theme-dark,
144
+ :root.pref-theme-scheme-dark {
145
+ --hex-label-red-01: #fef3f3;
146
+ --hex-label-red-02: #fceaea;
147
+ --hex-label-red-03: #fadada;
148
+ --hex-label-red-04: #f7c3c3;
149
+ --hex-label-red-05: #f4a7a7;
150
+ --hex-label-red-06: #ec6e6e;
151
+ --hex-label-red-07: #e53838;
152
+ --hex-label-red-08: #c01919;
153
+ --hex-label-red-09: #861111;
154
+ --hex-label-red-10: #730f0f;
155
+ --hex-label-red: #d01b1b;
156
+ --hex-label-amaranth-01: #fef3f5;
157
+ --hex-label-amaranth-02: #fee9ed;
158
+ --hex-label-amaranth-03: #fdd9df;
159
+ --hex-label-amaranth-04: #fbc0cb;
160
+ --hex-label-amaranth-05: #faa3b2;
161
+ --hex-label-amaranth-06: #f6637d;
162
+ --hex-label-amaranth-07: #ef0e34;
163
+ --hex-label-amaranth-08: #c10b2a;
164
+ --hex-label-amaranth-09: #87081e;
165
+ --hex-label-amaranth-10: #720719;
166
+ --hex-label-amaranth: #f43f5e;
167
+ --hex-label-orchid-01: #fef3f9;
168
+ --hex-label-orchid-02: #fde9f3;
169
+ --hex-label-orchid-03: #fbd8ea;
170
+ --hex-label-orchid-04: #f8c0dc;
171
+ --hex-label-orchid-05: #f5a3cb;
172
+ --hex-label-orchid-06: #ef63a8;
173
+ --hex-label-orchid-07: #e71c81;
174
+ --hex-label-orchid-08: #bb1366;
175
+ --hex-label-orchid-09: #830e47;
176
+ --hex-label-orchid-10: #6f0c3d;
177
+ --hex-label-orchid: #ec4899;
178
+ --hex-label-purple-01: #faf4fe;
179
+ --hex-label-purple-02: #f5eafe;
180
+ --hex-label-purple-03: #eddbfd;
181
+ --hex-label-purple-04: #e1c4fc;
182
+ --hex-label-purple-05: #d4aafb;
183
+ --hex-label-purple-06: #ba77f9;
184
+ --hex-label-purple-07: #a54ff7;
185
+ --hex-label-purple-08: #8511f4;
186
+ --hex-label-purple-09: #5c08ad;
187
+ --hex-label-purple-10: #4e0792;
188
+ --hex-label-purple: #a855f7;
189
+ --hex-label-violet-01: #f8f4fe;
190
+ --hex-label-violet-02: #f1ebfe;
191
+ --hex-label-violet-03: #e7ddfd;
192
+ --hex-label-violet-04: #d8c8fc;
193
+ --hex-label-violet-05: #c6affb;
194
+ --hex-label-violet-06: #a681f8;
195
+ --hex-label-violet-07: #8d5ff6;
196
+ --hex-label-violet-08: #6f35f4;
197
+ --hex-label-violet-09: #430bc3;
198
+ --hex-label-violet-10: #3909a5;
199
+ --hex-label-violet: #8b5cf6;
200
+ --hex-label-blue-01: #f4f5ff;
201
+ --hex-label-blue-02: #eaeefe;
202
+ --hex-label-blue-03: #dae0fe;
203
+ --hex-label-blue-04: #c4cefd;
204
+ --hex-label-blue-05: #aab8fc;
205
+ --hex-label-blue-06: #798ffa;
206
+ --hex-label-blue-07: #5571f9;
207
+ --hex-label-blue-08: #2a4df7;
208
+ --hex-label-blue-09: #0728c4;
209
+ --hex-label-blue-10: #0622a6;
210
+ --hex-label-blue: #0e36f6;
211
+ --hex-label-sky-01: #ecf8fe;
212
+ --hex-label-sky-02: #dbf2fd;
213
+ --hex-label-sky-03: #bfe8fb;
214
+ --hex-label-sky-04: #94d9f9;
215
+ --hex-label-sky-05: #5ec6f5;
216
+ --hex-label-sky-06: #0d9ee0;
217
+ --hex-label-sky-07: #0b85bc;
218
+ --hex-label-sky-08: #096b98;
219
+ --hex-label-sky-09: #064c6b;
220
+ --hex-label-sky-10: #053f5a;
221
+ --hex-label-sky: #0ea5e9;
222
+ --hex-label-aqua-01: #e5fbfe;
223
+ --hex-label-aqua-02: #cbf6fe;
224
+ --hex-label-aqua-03: #9eeefc;
225
+ --hex-label-aqua-04: #51e1fa;
226
+ --hex-label-aqua-05: #07cbed;
227
+ --hex-label-aqua-06: #05a3be;
228
+ --hex-label-aqua-07: #0589a0;
229
+ --hex-label-aqua-08: #046e81;
230
+ --hex-label-aqua-09: #034d5a;
231
+ --hex-label-aqua-10: #02414c;
232
+ --hex-label-aqua: #06b6d4;
233
+ --hex-label-green-01: #e7fbef;
234
+ --hex-label-green-02: #d3f7e0;
235
+ --hex-label-green-03: #adf1c6;
236
+ --hex-label-green-04: #71e69c;
237
+ --hex-label-green-05: #25d566;
238
+ --hex-label-green-06: #1eab52;
239
+ --hex-label-green-07: #199145;
240
+ --hex-label-green-08: #147438;
241
+ --hex-label-green-09: #0e5127;
242
+ --hex-label-green-10: #0c4421;
243
+ --hex-label-green: #22c55e;
244
+ --hex-label-lime-01: #eefbd9;
245
+ --hex-label-lime-02: #dff7b9;
246
+ --hex-label-lime-03: #c1f17a;
247
+ --hex-label-lime-04: #94e519;
248
+ --hex-label-lime-05: #86cf16;
249
+ --hex-label-lime-06: #6ca712;
250
+ --hex-label-lime-07: #5a8b0f;
251
+ --hex-label-lime-08: #49700c;
252
+ --hex-label-lime-09: #334f08;
253
+ --hex-label-lime-10: #2b4207;
254
+ --hex-label-lime: #84cc16;
255
+ --hex-label-yellow-01: #fef6dd;
256
+ --hex-label-yellow-02: #fdeebe;
257
+ --hex-label-yellow-03: #fbe08e;
258
+ --hex-label-yellow-04: #f8ca3c;
259
+ --hex-label-yellow-05: #eab308;
260
+ --hex-label-yellow-06: #bc8f06;
261
+ --hex-label-yellow-07: #9e7805;
262
+ --hex-label-yellow-08: #7f6104;
263
+ --hex-label-yellow-09: #594403;
264
+ --hex-label-yellow-10: #4b3903;
265
+ --hex-label-yellow: #eab308;
266
+ --hex-label-orange-01: #fff4ed;
267
+ --hex-label-orange-02: #feebde;
268
+ --hex-label-orange-03: #fddbc4;
269
+ --hex-label-orange-04: #fcc49e;
270
+ --hex-label-orange-05: #fba86f;
271
+ --hex-label-orange-06: #f76906;
272
+ --hex-label-orange-07: #d05805;
273
+ --hex-label-orange-08: #a74704;
274
+ --hex-label-orange-09: #743103;
275
+ --hex-label-orange-10: #632a03;
276
+ --hex-label-orange: #f97316;
232
277
  }
233
278
 
234
279
  @media (prefers-color-scheme: dark) {
235
- :root.pref-theme-system {
236
- --label-amaranth-01: #fce2e9;
237
- --label-amaranth-02: #f59cb4;
238
- --label-amaranth-03: #f2819f;
239
- --label-amaranth-04: #ef6186;
240
- --label-amaranth-05: #ea3263;
241
- --label-amaranth-06: #bb1340;
242
- --label-amaranth-07: #740c27;
243
- --label-amaranth-08: #53091c;
244
- --label-amaranth-09: #3b0614;
245
- --label-amaranth-10: #23040c;
246
- --label-amaranth: #ea3464;
247
- --label-orchid-01: #fbe0f9;
248
- --label-orchid-02: #f096eb;
249
- --label-orchid-03: #ec7ae6;
250
- --label-orchid-04: #e653df;
251
- --label-orchid-05: #db1fd1;
252
- --label-orchid-06: #a818a0;
253
- --label-orchid-07: #670f62;
254
- --label-orchid-08: #490a46;
255
- --label-orchid-09: #330731;
256
- --label-orchid-10: #20051e;
257
- --label-orchid: #e33bda;
258
- --label-violet-01: #eee5fe;
259
- --label-violet-02: #c6a6fb;
260
- --label-violet-03: #b791fa;
261
- --label-violet-04: #a878f9;
262
- --label-violet-05: #955bf8;
263
- --label-violet-06: #7125f6;
264
- --label-violet-07: #4207a7;
265
- --label-violet-08: #30057a;
266
- --label-violet-09: #230458;
267
- --label-violet-10: #150236;
268
- --label-violet: #782ff6;
269
- --label-blue-01: #e3e8fe;
270
- --label-blue-02: #a2b1fc;
271
- --label-blue-03: #8b9ffb;
272
- --label-blue-04: #7289fa;
273
- --label-blue-05: #5571f9;
274
- --label-blue-06: #2246f7;
275
- --label-blue-07: #0623aa;
276
- --label-blue-08: #05197a;
277
- --label-blue-09: #031155;
278
- --label-blue-10: #020b36;
279
- --label-blue: #0e36f6;
280
- --label-sky-01: #d4ecfe;
281
- --label-sky-02: #6bbdfb;
282
- --label-sky-03: #44abfa;
283
- --label-sky-04: #1495f8;
284
- --label-sky-05: #0680dc;
285
- --label-sky-06: #0561a8;
286
- --label-sky-07: #033b67;
287
- --label-sky-08: #022a49;
288
- --label-sky-09: #011e33;
289
- --label-sky-10: #01111e;
290
- --label-sky: #4daffa;
291
- --label-aqua-01: #90fbee;
292
- --label-aqua-02: #07cbb4;
293
- --label-aqua-03: #07b8a3;
294
- --label-aqua-04: #06a391;
295
- --label-aqua-05: #058d7d;
296
- --label-aqua-06: #046b5f;
297
- --label-aqua-07: #02413a;
298
- --label-aqua-08: #022e28;
299
- --label-aqua-09: #01201c;
300
- --label-aqua-10: #011210;
301
- --label-aqua: #74faea;
302
- --label-green-01: #b0fba6;
303
- --label-green-02: #21d208;
304
- --label-green-03: #1ebe07;
305
- --label-green-04: #1ba907;
306
- --label-green-05: #179106;
307
- --label-green-06: #116f04;
308
- --label-green-07: #0b4303;
309
- --label-green-08: #072f02;
310
- --label-green-09: #052101;
311
- --label-green-10: #031301;
312
- --label-green: #78f966;
313
- --label-lime-01: #c9fa39;
314
- --label-lime-02: #94c505;
315
- --label-lime-03: #86b304;
316
- --label-lime-04: #779e04;
317
- --label-lime-05: #668903;
318
- --label-lime-06: #4e6802;
319
- --label-lime-07: #2f3f01;
320
- --label-lime-08: #212c01;
321
- --label-lime-09: #171f01;
322
- --label-lime-10: #0d1100;
323
- --label-lime: #cffb50;
324
- --label-yellow-01: #fbea86;
325
- --label-yellow-02: #d1b407;
326
- --label-yellow-03: #bda306;
327
- --label-yellow-04: #a89106;
328
- --label-yellow-05: #917d05;
329
- --label-yellow-06: #6e5f04;
330
- --label-yellow-07: #423902;
331
- --label-yellow-08: #2e2802;
332
- --label-yellow-09: #201b01;
333
- --label-yellow-10: #110f01;
334
- --label-yellow: #f9e14e;
335
- --label-orange-01: #fce4d8;
336
- --label-orange-02: #f6a178;
337
- --label-orange-03: #f38854;
338
- --label-orange-04: #f06826;
339
- --label-orange-05: #d9510f;
340
- --label-orange-06: #a63d0b;
341
- --label-orange-07: #652607;
342
- --label-orange-08: #471a05;
343
- --label-orange-09: #321303;
344
- --label-orange-10: #1b0a02;
345
- --label-orange: #f17032;
280
+ :root:not(.pref-theme-scheme-light).pref-theme-system,
281
+ :root:not([data-magma-pref]) {
282
+ --hex-label-red-01: #fef3f3;
283
+ --hex-label-red-02: #fceaea;
284
+ --hex-label-red-03: #fadada;
285
+ --hex-label-red-04: #f7c3c3;
286
+ --hex-label-red-05: #f4a7a7;
287
+ --hex-label-red-06: #ec6e6e;
288
+ --hex-label-red-07: #e53838;
289
+ --hex-label-red-08: #c01919;
290
+ --hex-label-red-09: #861111;
291
+ --hex-label-red-10: #730f0f;
292
+ --hex-label-red: #d01b1b;
293
+ --hex-label-amaranth-01: #fef3f5;
294
+ --hex-label-amaranth-02: #fee9ed;
295
+ --hex-label-amaranth-03: #fdd9df;
296
+ --hex-label-amaranth-04: #fbc0cb;
297
+ --hex-label-amaranth-05: #faa3b2;
298
+ --hex-label-amaranth-06: #f6637d;
299
+ --hex-label-amaranth-07: #ef0e34;
300
+ --hex-label-amaranth-08: #c10b2a;
301
+ --hex-label-amaranth-09: #87081e;
302
+ --hex-label-amaranth-10: #720719;
303
+ --hex-label-amaranth: #f43f5e;
304
+ --hex-label-orchid-01: #fef3f9;
305
+ --hex-label-orchid-02: #fde9f3;
306
+ --hex-label-orchid-03: #fbd8ea;
307
+ --hex-label-orchid-04: #f8c0dc;
308
+ --hex-label-orchid-05: #f5a3cb;
309
+ --hex-label-orchid-06: #ef63a8;
310
+ --hex-label-orchid-07: #e71c81;
311
+ --hex-label-orchid-08: #bb1366;
312
+ --hex-label-orchid-09: #830e47;
313
+ --hex-label-orchid-10: #6f0c3d;
314
+ --hex-label-orchid: #ec4899;
315
+ --hex-label-purple-01: #faf4fe;
316
+ --hex-label-purple-02: #f5eafe;
317
+ --hex-label-purple-03: #eddbfd;
318
+ --hex-label-purple-04: #e1c4fc;
319
+ --hex-label-purple-05: #d4aafb;
320
+ --hex-label-purple-06: #ba77f9;
321
+ --hex-label-purple-07: #a54ff7;
322
+ --hex-label-purple-08: #8511f4;
323
+ --hex-label-purple-09: #5c08ad;
324
+ --hex-label-purple-10: #4e0792;
325
+ --hex-label-purple: #a855f7;
326
+ --hex-label-violet-01: #f8f4fe;
327
+ --hex-label-violet-02: #f1ebfe;
328
+ --hex-label-violet-03: #e7ddfd;
329
+ --hex-label-violet-04: #d8c8fc;
330
+ --hex-label-violet-05: #c6affb;
331
+ --hex-label-violet-06: #a681f8;
332
+ --hex-label-violet-07: #8d5ff6;
333
+ --hex-label-violet-08: #6f35f4;
334
+ --hex-label-violet-09: #430bc3;
335
+ --hex-label-violet-10: #3909a5;
336
+ --hex-label-violet: #8b5cf6;
337
+ --hex-label-blue-01: #f4f5ff;
338
+ --hex-label-blue-02: #eaeefe;
339
+ --hex-label-blue-03: #dae0fe;
340
+ --hex-label-blue-04: #c4cefd;
341
+ --hex-label-blue-05: #aab8fc;
342
+ --hex-label-blue-06: #798ffa;
343
+ --hex-label-blue-07: #5571f9;
344
+ --hex-label-blue-08: #2a4df7;
345
+ --hex-label-blue-09: #0728c4;
346
+ --hex-label-blue-10: #0622a6;
347
+ --hex-label-blue: #0e36f6;
348
+ --hex-label-sky-01: #ecf8fe;
349
+ --hex-label-sky-02: #dbf2fd;
350
+ --hex-label-sky-03: #bfe8fb;
351
+ --hex-label-sky-04: #94d9f9;
352
+ --hex-label-sky-05: #5ec6f5;
353
+ --hex-label-sky-06: #0d9ee0;
354
+ --hex-label-sky-07: #0b85bc;
355
+ --hex-label-sky-08: #096b98;
356
+ --hex-label-sky-09: #064c6b;
357
+ --hex-label-sky-10: #053f5a;
358
+ --hex-label-sky: #0ea5e9;
359
+ --hex-label-aqua-01: #e5fbfe;
360
+ --hex-label-aqua-02: #cbf6fe;
361
+ --hex-label-aqua-03: #9eeefc;
362
+ --hex-label-aqua-04: #51e1fa;
363
+ --hex-label-aqua-05: #07cbed;
364
+ --hex-label-aqua-06: #05a3be;
365
+ --hex-label-aqua-07: #0589a0;
366
+ --hex-label-aqua-08: #046e81;
367
+ --hex-label-aqua-09: #034d5a;
368
+ --hex-label-aqua-10: #02414c;
369
+ --hex-label-aqua: #06b6d4;
370
+ --hex-label-green-01: #e7fbef;
371
+ --hex-label-green-02: #d3f7e0;
372
+ --hex-label-green-03: #adf1c6;
373
+ --hex-label-green-04: #71e69c;
374
+ --hex-label-green-05: #25d566;
375
+ --hex-label-green-06: #1eab52;
376
+ --hex-label-green-07: #199145;
377
+ --hex-label-green-08: #147438;
378
+ --hex-label-green-09: #0e5127;
379
+ --hex-label-green-10: #0c4421;
380
+ --hex-label-green: #22c55e;
381
+ --hex-label-lime-01: #eefbd9;
382
+ --hex-label-lime-02: #dff7b9;
383
+ --hex-label-lime-03: #c1f17a;
384
+ --hex-label-lime-04: #94e519;
385
+ --hex-label-lime-05: #86cf16;
386
+ --hex-label-lime-06: #6ca712;
387
+ --hex-label-lime-07: #5a8b0f;
388
+ --hex-label-lime-08: #49700c;
389
+ --hex-label-lime-09: #334f08;
390
+ --hex-label-lime-10: #2b4207;
391
+ --hex-label-lime: #84cc16;
392
+ --hex-label-yellow-01: #fef6dd;
393
+ --hex-label-yellow-02: #fdeebe;
394
+ --hex-label-yellow-03: #fbe08e;
395
+ --hex-label-yellow-04: #f8ca3c;
396
+ --hex-label-yellow-05: #eab308;
397
+ --hex-label-yellow-06: #bc8f06;
398
+ --hex-label-yellow-07: #9e7805;
399
+ --hex-label-yellow-08: #7f6104;
400
+ --hex-label-yellow-09: #594403;
401
+ --hex-label-yellow-10: #4b3903;
402
+ --hex-label-yellow: #eab308;
403
+ --hex-label-orange-01: #fff4ed;
404
+ --hex-label-orange-02: #feebde;
405
+ --hex-label-orange-03: #fddbc4;
406
+ --hex-label-orange-04: #fcc49e;
407
+ --hex-label-orange-05: #fba86f;
408
+ --hex-label-orange-06: #f76906;
409
+ --hex-label-orange-07: #d05805;
410
+ --hex-label-orange-08: #a74704;
411
+ --hex-label-orange-09: #743103;
412
+ --hex-label-orange-10: #632a03;
413
+ --hex-label-orange: #f97316;
346
414
  }
347
415
  }