@maggioli-design-system/styles 15.11.1 → 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 +2 -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 +19 -10
  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
@@ -1,149 +1,151 @@
1
1
  /*
2
- @magma-design-system/design-tokens v13.7.2
2
+ @magma-design-system/design-tokens v14.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 20 Apr 2026 17:13:19 GMT
5
+ Generated at Mon, 08 Jun 2026 08:22:20 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --status-info-01: 0 25 66;
10
- --status-info-02: 0 68 109;
11
- --status-info-03: 0 81 124;
12
- --status-info-04: 0 98 141;
13
- --status-info-05: 0 117 162;
14
- --status-info-06: 0 153 199;
15
- --status-info-07: 122 202 235;
16
- --status-info-08: 176 223 243;
17
- --status-info-09: 209 236 248;
18
- --status-info-10: 236 247 252;
9
+ --status-info-01: 0 36 76;
10
+ --status-info-02: 0 56 98;
11
+ --status-info-03: 0 80 123;
12
+ --status-info-04: 0 109 154;
13
+ --status-info-05: 0 138 184;
14
+ --status-info-06: 55 182 227;
15
+ --status-info-07: 124 202 235;
16
+ --status-info-08: 168 219 242;
17
+ --status-info-09: 210 236 249;
18
+ --status-info-10: 222 242 250;
19
19
  --status-info: 35 178 225;
20
- --status-success-01: 0 33 0;
21
- --status-success-02: 0 76 3;
22
- --status-success-03: 0 90 20;
23
- --status-success-04: 0 107 37;
24
- --status-success-05: 0 127 55;
25
- --status-success-06: 0 163 89;
26
- --status-success-07: 119 210 154;
27
- --status-success-08: 175 228 193;
28
- --status-success-09: 209 239 218;
29
- --status-success-10: 235 248 239;
20
+ --status-success-01: 0 43 0;
21
+ --status-success-02: 0 64 0;
22
+ --status-success-03: 0 89 17;
23
+ --status-success-04: 0 118 48;
24
+ --status-success-05: 0 148 76;
25
+ --status-success-06: 43 192 118;
26
+ --status-success-07: 120 210 155;
27
+ --status-success-08: 165 225 186;
28
+ --status-success-09: 209 239 219;
29
+ --status-success-10: 222 244 228;
30
30
  --status-success: 33 191 115;
31
- --status-error-01: 64 0 0;
32
- --status-error-02: 136 0 14;
33
- --status-error-03: 154 17 31;
34
- --status-error-04: 172 41 46;
35
- --status-error-05: 194 63 64;
36
- --status-error-06: 233 98 96;
37
- --status-error-07: 251 171 165;
38
- --status-error-08: 255 204 200;
31
+ --status-error-01: 72 0 0;
32
+ --status-error-02: 106 0 0;
33
+ --status-error-03: 147 4 25;
34
+ --status-error-04: 184 52 56;
35
+ --status-error-05: 217 83 82;
36
+ --status-error-06: 245 139 134;
37
+ --status-error-07: 251 171 166;
38
+ --status-error-08: 254 198 194;
39
39
  --status-error-09: 255 225 223;
40
- --status-error-10: 255 243 241;
40
+ --status-error-10: 255 234 231;
41
41
  --status-error: 237 102 99;
42
- --status-warning-01: 35 26 0;
43
- --status-warning-02: 82 61 0;
42
+ --status-warning-01: 48 36 0;
43
+ --status-warning-02: 70 53 0;
44
44
  --status-warning-03: 98 73 0;
45
- --status-warning-04: 117 87 0;
46
- --status-warning-05: 139 104 0;
47
- --status-warning-06: 179 135 0;
48
- --status-warning-07: 243 182 0;
49
- --status-warning-08: 255 212 81;
50
- --status-warning-09: 255 230 156;
51
- --status-warning-10: 255 245 214;
45
+ --status-warning-04: 131 98 0;
46
+ --status-warning-05: 164 123 0;
47
+ --status-warning-06: 214 160 0;
48
+ --status-warning-07: 242 181 0;
49
+ --status-warning-08: 255 205 57;
50
+ --status-warning-09: 255 230 157;
51
+ --status-warning-10: 255 237 185;
52
52
  --status-warning: 255 193 7;
53
53
  }
54
54
 
55
- :root.pref-theme-dark {
56
- --status-info-01: 210 237 249;
57
- --status-info-02: 97 193 231;
58
- --status-info-03: 34 177 224;
59
- --status-info-04: 0 157 204;
60
- --status-info-05: 0 135 181;
61
- --status-info-06: 0 102 145;
62
- --status-info-07: 0 60 101;
63
- --status-info-08: 0 40 81;
64
- --status-info-09: 0 25 65;
65
- --status-info-10: 0 10 52;
55
+ :root:not(.pref-theme-scheme-light).pref-theme-dark,
56
+ :root.pref-theme-scheme-dark {
57
+ --status-info-01: 237 248 253;
58
+ --status-info-02: 222 242 250;
59
+ --status-info-03: 198 231 247;
60
+ --status-info-04: 159 216 241;
61
+ --status-info-05: 112 198 234;
62
+ --status-info-06: 0 161 208;
63
+ --status-info-07: 0 134 180;
64
+ --status-info-08: 0 107 151;
65
+ --status-info-09: 0 73 116;
66
+ --status-info-10: 0 61 103;
66
67
  --status-info: 35 178 225;
67
- --status-success-01: 210 240 219;
68
- --status-success-02: 92 203 139;
69
- --status-success-03: 25 187 112;
70
- --status-success-04: 0 167 93;
71
- --status-success-05: 0 145 72;
72
- --status-success-06: 0 111 40;
73
- --status-success-07: 0 68 0;
74
- --status-success-08: 0 48 0;
75
- --status-success-09: 0 33 0;
76
- --status-success-10: 0 20 0;
68
+ --status-success-01: 237 249 241;
69
+ --status-success-02: 222 244 228;
70
+ --status-success-03: 196 235 209;
71
+ --status-success-04: 158 222 181;
72
+ --status-success-05: 107 206 147;
73
+ --status-success-06: 0 171 97;
74
+ --status-success-07: 0 144 72;
75
+ --status-success-08: 0 116 46;
76
+ --status-success-09: 0 82 9;
77
+ --status-success-10: 0 69 0;
77
78
  --status-success: 33 191 115;
78
- --status-error-01: 255 227 224;
79
- --status-error-02: 249 157 151;
80
- --status-error-03: 244 132 126;
81
- --status-error-04: 237 103 99;
82
- --status-error-05: 214 81 80;
83
- --status-error-06: 177 45 50;
84
- --status-error-07: 122 0 1;
85
- --status-error-08: 89 0 0;
86
- --status-error-09: 66 0 0;
87
- --status-error-10: 39 0 0;
79
+ --status-error-01: 255 243 242;
80
+ --status-error-02: 255 234 231;
81
+ --status-error-03: 255 217 214;
82
+ --status-error-04: 254 193 189;
83
+ --status-error-05: 250 165 160;
84
+ --status-error-06: 239 108 105;
85
+ --status-error-07: 212 80 79;
86
+ --status-error-08: 182 50 54;
87
+ --status-error-09: 135 0 14;
88
+ --status-error-10: 115 0 0;
88
89
  --status-error: 237 102 99;
89
- --status-warning-01: 255 231 161;
90
- --status-warning-02: 230 172 0;
91
- --status-warning-03: 208 156 0;
92
- --status-warning-04: 185 138 0;
93
- --status-warning-05: 159 119 0;
94
- --status-warning-06: 121 90 0;
95
- --status-warning-07: 73 55 0;
96
- --status-warning-08: 51 38 0;
97
- --status-warning-09: 35 26 0;
98
- --status-warning-10: 19 14 0;
90
+ --status-warning-01: 255 246 217;
91
+ --status-warning-02: 255 237 185;
92
+ --status-warning-03: 255 223 129;
93
+ --status-warning-04: 255 200 33;
94
+ --status-warning-05: 237 177 0;
95
+ --status-warning-06: 190 142 0;
96
+ --status-warning-07: 159 120 0;
97
+ --status-warning-08: 129 96 0;
98
+ --status-warning-09: 90 67 0;
99
+ --status-warning-10: 77 57 0;
99
100
  --status-warning: 255 193 7;
100
101
  }
101
102
 
102
103
  @media (prefers-color-scheme: dark) {
103
- :root.pref-theme-system {
104
- --status-info-01: 210 237 249;
105
- --status-info-02: 97 193 231;
106
- --status-info-03: 34 177 224;
107
- --status-info-04: 0 157 204;
108
- --status-info-05: 0 135 181;
109
- --status-info-06: 0 102 145;
110
- --status-info-07: 0 60 101;
111
- --status-info-08: 0 40 81;
112
- --status-info-09: 0 25 65;
113
- --status-info-10: 0 10 52;
104
+ :root:not(.pref-theme-scheme-light).pref-theme-system,
105
+ :root:not([data-magma-pref]) {
106
+ --status-info-01: 237 248 253;
107
+ --status-info-02: 222 242 250;
108
+ --status-info-03: 198 231 247;
109
+ --status-info-04: 159 216 241;
110
+ --status-info-05: 112 198 234;
111
+ --status-info-06: 0 161 208;
112
+ --status-info-07: 0 134 180;
113
+ --status-info-08: 0 107 151;
114
+ --status-info-09: 0 73 116;
115
+ --status-info-10: 0 61 103;
114
116
  --status-info: 35 178 225;
115
- --status-success-01: 210 240 219;
116
- --status-success-02: 92 203 139;
117
- --status-success-03: 25 187 112;
118
- --status-success-04: 0 167 93;
119
- --status-success-05: 0 145 72;
120
- --status-success-06: 0 111 40;
121
- --status-success-07: 0 68 0;
122
- --status-success-08: 0 48 0;
123
- --status-success-09: 0 33 0;
124
- --status-success-10: 0 20 0;
117
+ --status-success-01: 237 249 241;
118
+ --status-success-02: 222 244 228;
119
+ --status-success-03: 196 235 209;
120
+ --status-success-04: 158 222 181;
121
+ --status-success-05: 107 206 147;
122
+ --status-success-06: 0 171 97;
123
+ --status-success-07: 0 144 72;
124
+ --status-success-08: 0 116 46;
125
+ --status-success-09: 0 82 9;
126
+ --status-success-10: 0 69 0;
125
127
  --status-success: 33 191 115;
126
- --status-error-01: 255 227 224;
127
- --status-error-02: 249 157 151;
128
- --status-error-03: 244 132 126;
129
- --status-error-04: 237 103 99;
130
- --status-error-05: 214 81 80;
131
- --status-error-06: 177 45 50;
132
- --status-error-07: 122 0 1;
133
- --status-error-08: 89 0 0;
134
- --status-error-09: 66 0 0;
135
- --status-error-10: 39 0 0;
128
+ --status-error-01: 255 243 242;
129
+ --status-error-02: 255 234 231;
130
+ --status-error-03: 255 217 214;
131
+ --status-error-04: 254 193 189;
132
+ --status-error-05: 250 165 160;
133
+ --status-error-06: 239 108 105;
134
+ --status-error-07: 212 80 79;
135
+ --status-error-08: 182 50 54;
136
+ --status-error-09: 135 0 14;
137
+ --status-error-10: 115 0 0;
136
138
  --status-error: 237 102 99;
137
- --status-warning-01: 255 231 161;
138
- --status-warning-02: 230 172 0;
139
- --status-warning-03: 208 156 0;
140
- --status-warning-04: 185 138 0;
141
- --status-warning-05: 159 119 0;
142
- --status-warning-06: 121 90 0;
143
- --status-warning-07: 73 55 0;
144
- --status-warning-08: 51 38 0;
145
- --status-warning-09: 35 26 0;
146
- --status-warning-10: 19 14 0;
139
+ --status-warning-01: 255 246 217;
140
+ --status-warning-02: 255 237 185;
141
+ --status-warning-03: 255 223 129;
142
+ --status-warning-04: 255 200 33;
143
+ --status-warning-05: 237 177 0;
144
+ --status-warning-06: 190 142 0;
145
+ --status-warning-07: 159 120 0;
146
+ --status-warning-08: 129 96 0;
147
+ --status-warning-09: 90 67 0;
148
+ --status-warning-10: 77 57 0;
147
149
  --status-warning: 255 193 7;
148
150
  }
149
151
  }
@@ -1,182 +1,184 @@
1
1
  /*
2
- @magma-design-system/design-tokens v13.7.2
2
+ @magma-design-system/design-tokens v14.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 20 Apr 2026 17:13:19 GMT
5
+ Generated at Mon, 08 Jun 2026 08:22:20 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --tone-slate-01: 28 34 42;
10
- --tone-slate-02: 33 41 50;
11
- --tone-slate-03: 54 65 81;
12
- --tone-slate-04: 71 85 106;
13
- --tone-slate-05: 95 115 143;
14
- --tone-slate-06: 149 164 184;
15
- --tone-slate-07: 207 213 223;
16
- --tone-slate-08: 226 230 236;
17
- --tone-slate-09: 241 243 246;
18
- --tone-slate-10: 247 248 250;
19
- --tone-slate: 255 255 255;
20
- --tone-grey-01: 31 33 38;
21
- --tone-grey-02: 37 40 46;
22
- --tone-grey-03: 59 64 73;
23
- --tone-grey-04: 78 85 96;
24
- --tone-grey-05: 105 114 130;
25
- --tone-grey-06: 156 163 175;
26
- --tone-grey-07: 210 213 218;
27
- --tone-grey-08: 230 231 234;
28
- --tone-grey-09: 242 243 245;
29
- --tone-grey-10: 248 248 249;
30
- --tone-grey: 255 255 255;
31
- --tone-zinc-01: 33 33 37;
32
- --tone-zinc-02: 40 40 44;
33
- --tone-zinc-03: 64 64 70;
34
- --tone-zinc-04: 84 84 92;
35
- --tone-zinc-05: 112 112 124;
36
- --tone-zinc-06: 161 161 170;
37
- --tone-zinc-07: 212 212 216;
38
- --tone-zinc-08: 230 230 232;
39
- --tone-zinc-09: 243 243 244;
40
- --tone-zinc-10: 248 248 249;
41
- --tone-zinc: 255 255 255;
42
- --tone-neutral-01: 33 33 33;
43
- --tone-neutral-02: 40 40 40;
9
+ --tone-porcelain-01: 0 0 0;
10
+ --tone-porcelain-02: 35 43 53;
11
+ --tone-porcelain-03: 53 65 81;
12
+ --tone-porcelain-04: 75 90 113;
13
+ --tone-porcelain-05: 98 118 147;
14
+ --tone-porcelain-06: 149 163 184;
15
+ --tone-porcelain-07: 174 185 201;
16
+ --tone-porcelain-08: 201 208 219;
17
+ --tone-porcelain-09: 225 229 235;
18
+ --tone-porcelain-10: 236 238 242;
19
+ --tone-porcelain: 255 255 255;
20
+ --tone-kaolin-01: 0 0 0;
21
+ --tone-kaolin-02: 39 42 48;
22
+ --tone-kaolin-03: 59 64 73;
23
+ --tone-kaolin-04: 83 90 103;
24
+ --tone-kaolin-05: 108 118 134;
25
+ --tone-kaolin-06: 155 162 175;
26
+ --tone-kaolin-07: 180 185 194;
27
+ --tone-kaolin-08: 205 208 215;
28
+ --tone-kaolin-09: 227 229 232;
29
+ --tone-kaolin-10: 237 238 241;
30
+ --tone-kaolin: 255 255 255;
31
+ --tone-neutral-01: 0 0 0;
32
+ --tone-neutral-02: 42 42 42;
44
33
  --tone-neutral-03: 64 64 64;
45
- --tone-neutral-04: 84 84 84;
46
- --tone-neutral-05: 113 113 113;
34
+ --tone-neutral-04: 89 89 89;
35
+ --tone-neutral-05: 117 117 117;
47
36
  --tone-neutral-06: 162 162 162;
48
- --tone-neutral-07: 212 212 212;
49
- --tone-neutral-08: 231 231 231;
50
- --tone-neutral-09: 243 243 243;
51
- --tone-neutral-10: 248 248 248;
37
+ --tone-neutral-07: 184 184 184;
38
+ --tone-neutral-08: 208 208 208;
39
+ --tone-neutral-09: 228 228 228;
40
+ --tone-neutral-10: 238 238 238;
52
41
  --tone-neutral: 255 255 255;
53
- --tone-stone-01: 35 33 32;
54
- --tone-stone-02: 42 40 38;
55
- --tone-stone-03: 68 64 61;
56
- --tone-stone-04: 89 83 79;
57
- --tone-stone-05: 120 112 108;
58
- --tone-stone-06: 167 161 157;
59
- --tone-stone-07: 215 212 210;
60
- --tone-stone-08: 232 230 229;
61
- --tone-stone-09: 244 243 242;
62
- --tone-stone-10: 249 248 248;
63
- --tone-stone: 255 255 255;
42
+ --tone-fireclay-01: 0 0 0;
43
+ --tone-fireclay-02: 46 41 37;
44
+ --tone-fireclay-03: 70 64 57;
45
+ --tone-fireclay-04: 98 88 79;
46
+ --tone-fireclay-05: 127 115 103;
47
+ --tone-fireclay-06: 170 160 151;
48
+ --tone-fireclay-07: 191 184 176;
49
+ --tone-fireclay-08: 212 207 203;
50
+ --tone-fireclay-09: 231 228 226;
51
+ --tone-fireclay-10: 240 238 237;
52
+ --tone-fireclay: 255 255 255;
53
+ --tone-bisque-01: 0 0 0;
54
+ --tone-bisque-02: 48 41 39;
55
+ --tone-bisque-03: 73 61 58;
56
+ --tone-bisque-04: 102 86 82;
57
+ --tone-bisque-05: 133 112 106;
58
+ --tone-bisque-06: 174 159 154;
59
+ --tone-bisque-07: 194 182 179;
60
+ --tone-bisque-08: 214 206 204;
61
+ --tone-bisque-09: 232 228 227;
62
+ --tone-bisque-10: 240 238 237;
63
+ --tone-bisque: 255 255 255;
64
64
  }
65
65
 
66
- :root.pref-theme-dark {
67
- --tone-slate-01: 221 225 232;
68
- --tone-slate-02: 210 216 225;
69
- --tone-slate-03: 171 182 199;
70
- --tone-slate-04: 140 156 179;
71
- --tone-slate-05: 101 123 152;
72
- --tone-slate-06: 66 79 99;
73
- --tone-slate-07: 35 43 53;
74
- --tone-slate-08: 24 29 36;
75
- --tone-slate-09: 14 17 21;
76
- --tone-slate-10: 7 9 11;
77
- --tone-slate: 0 0 0;
78
- --tone-grey-01: 222 225 229;
79
- --tone-grey-02: 212 215 221;
80
- --tone-grey-03: 177 182 192;
81
- --tone-grey-04: 148 155 168;
82
- --tone-grey-05: 112 122 138;
83
- --tone-grey-06: 72 79 90;
84
- --tone-grey-07: 39 43 49;
85
- --tone-grey-08: 27 29 33;
86
- --tone-grey-09: 14 15 17;
87
- --tone-grey-10: 8 9 10;
88
- --tone-grey: 0 0 0;
89
- --tone-zinc-01: 224 224 227;
90
- --tone-zinc-02: 215 215 219;
91
- --tone-zinc-03: 181 181 189;
92
- --tone-zinc-04: 154 154 164;
93
- --tone-zinc-05: 121 121 133;
94
- --tone-zinc-06: 78 78 87;
95
- --tone-zinc-07: 42 42 46;
96
- --tone-zinc-08: 28 28 31;
97
- --tone-zinc-09: 17 17 19;
98
- --tone-zinc-10: 9 9 9;
99
- --tone-zinc: 0 0 0;
100
- --tone-neutral-01: 225 225 225;
101
- --tone-neutral-02: 216 216 216;
102
- --tone-neutral-03: 181 181 181;
103
- --tone-neutral-04: 155 155 155;
104
- --tone-neutral-05: 122 122 122;
105
- --tone-neutral-06: 78 78 78;
106
- --tone-neutral-07: 43 43 43;
107
- --tone-neutral-08: 29 29 29;
108
- --tone-neutral-09: 15 15 15;
109
- --tone-neutral-10: 9 9 9;
66
+ :root:not(.pref-theme-scheme-light).pref-theme-dark,
67
+ :root.pref-theme-scheme-dark {
68
+ --tone-porcelain-01: 255 255 255;
69
+ --tone-porcelain-02: 243 244 247;
70
+ --tone-porcelain-03: 230 234 239;
71
+ --tone-porcelain-04: 213 219 227;
72
+ --tone-porcelain-05: 189 198 211;
73
+ --tone-porcelain-06: 144 159 181;
74
+ --tone-porcelain-07: 117 137 164;
75
+ --tone-porcelain-08: 89 107 134;
76
+ --tone-porcelain-09: 64 77 96;
77
+ --tone-porcelain-10: 51 62 77;
78
+ --tone-porcelain: 0 0 0;
79
+ --tone-kaolin-01: 255 255 255;
80
+ --tone-kaolin-02: 244 244 246;
81
+ --tone-kaolin-03: 232 233 236;
82
+ --tone-kaolin-04: 215 218 223;
83
+ --tone-kaolin-05: 194 198 206;
84
+ --tone-kaolin-06: 151 159 171;
85
+ --tone-kaolin-07: 126 135 151;
86
+ --tone-kaolin-08: 99 107 122;
87
+ --tone-kaolin-09: 71 77 88;
88
+ --tone-kaolin-10: 56 60 69;
89
+ --tone-kaolin: 0 0 0;
90
+ --tone-neutral-01: 255 255 255;
91
+ --tone-neutral-02: 244 244 244;
92
+ --tone-neutral-03: 233 233 233;
93
+ --tone-neutral-04: 218 218 218;
94
+ --tone-neutral-05: 197 197 197;
95
+ --tone-neutral-06: 158 158 158;
96
+ --tone-neutral-07: 134 134 134;
97
+ --tone-neutral-08: 107 107 107;
98
+ --tone-neutral-09: 76 76 76;
99
+ --tone-neutral-10: 60 60 60;
110
100
  --tone-neutral: 0 0 0;
111
- --tone-stone-01: 226 224 223;
112
- --tone-stone-02: 218 215 214;
113
- --tone-stone-03: 185 181 177;
114
- --tone-stone-04: 160 154 150;
115
- --tone-stone-05: 127 120 114;
116
- --tone-stone-06: 83 78 74;
117
- --tone-stone-07: 45 42 41;
118
- --tone-stone-08: 30 28 27;
119
- --tone-stone-09: 16 15 15;
120
- --tone-stone-10: 9 9 8;
121
- --tone-stone: 0 0 0;
101
+ --tone-fireclay-01: 255 255 255;
102
+ --tone-fireclay-02: 246 244 243;
103
+ --tone-fireclay-03: 236 233 231;
104
+ --tone-fireclay-04: 221 217 214;
105
+ --tone-fireclay-05: 203 197 190;
106
+ --tone-fireclay-06: 167 156 146;
107
+ --tone-fireclay-07: 145 132 120;
108
+ --tone-fireclay-08: 115 105 94;
109
+ --tone-fireclay-09: 83 75 68;
110
+ --tone-fireclay-10: 66 59 53;
111
+ --tone-fireclay: 0 0 0;
112
+ --tone-bisque-01: 255 255 255;
113
+ --tone-bisque-02: 246 245 244;
114
+ --tone-bisque-03: 236 233 232;
115
+ --tone-bisque-04: 223 216 215;
116
+ --tone-bisque-05: 205 196 193;
117
+ --tone-bisque-06: 171 155 150;
118
+ --tone-bisque-07: 151 130 124;
119
+ --tone-bisque-08: 121 103 97;
120
+ --tone-bisque-09: 87 74 70;
121
+ --tone-bisque-10: 69 58 55;
122
+ --tone-bisque: 0 0 0;
122
123
  }
123
124
 
124
125
  @media (prefers-color-scheme: dark) {
125
- :root.pref-theme-system {
126
- --tone-slate-01: 221 225 232;
127
- --tone-slate-02: 210 216 225;
128
- --tone-slate-03: 171 182 199;
129
- --tone-slate-04: 140 156 179;
130
- --tone-slate-05: 101 123 152;
131
- --tone-slate-06: 66 79 99;
132
- --tone-slate-07: 35 43 53;
133
- --tone-slate-08: 24 29 36;
134
- --tone-slate-09: 14 17 21;
135
- --tone-slate-10: 7 9 11;
136
- --tone-slate: 0 0 0;
137
- --tone-grey-01: 222 225 229;
138
- --tone-grey-02: 212 215 221;
139
- --tone-grey-03: 177 182 192;
140
- --tone-grey-04: 148 155 168;
141
- --tone-grey-05: 112 122 138;
142
- --tone-grey-06: 72 79 90;
143
- --tone-grey-07: 39 43 49;
144
- --tone-grey-08: 27 29 33;
145
- --tone-grey-09: 14 15 17;
146
- --tone-grey-10: 8 9 10;
147
- --tone-grey: 0 0 0;
148
- --tone-zinc-01: 224 224 227;
149
- --tone-zinc-02: 215 215 219;
150
- --tone-zinc-03: 181 181 189;
151
- --tone-zinc-04: 154 154 164;
152
- --tone-zinc-05: 121 121 133;
153
- --tone-zinc-06: 78 78 87;
154
- --tone-zinc-07: 42 42 46;
155
- --tone-zinc-08: 28 28 31;
156
- --tone-zinc-09: 17 17 19;
157
- --tone-zinc-10: 9 9 9;
158
- --tone-zinc: 0 0 0;
159
- --tone-neutral-01: 225 225 225;
160
- --tone-neutral-02: 216 216 216;
161
- --tone-neutral-03: 181 181 181;
162
- --tone-neutral-04: 155 155 155;
163
- --tone-neutral-05: 122 122 122;
164
- --tone-neutral-06: 78 78 78;
165
- --tone-neutral-07: 43 43 43;
166
- --tone-neutral-08: 29 29 29;
167
- --tone-neutral-09: 15 15 15;
168
- --tone-neutral-10: 9 9 9;
126
+ :root:not(.pref-theme-scheme-light).pref-theme-system,
127
+ :root:not([data-magma-pref]) {
128
+ --tone-porcelain-01: 255 255 255;
129
+ --tone-porcelain-02: 243 244 247;
130
+ --tone-porcelain-03: 230 234 239;
131
+ --tone-porcelain-04: 213 219 227;
132
+ --tone-porcelain-05: 189 198 211;
133
+ --tone-porcelain-06: 144 159 181;
134
+ --tone-porcelain-07: 117 137 164;
135
+ --tone-porcelain-08: 89 107 134;
136
+ --tone-porcelain-09: 64 77 96;
137
+ --tone-porcelain-10: 51 62 77;
138
+ --tone-porcelain: 0 0 0;
139
+ --tone-kaolin-01: 255 255 255;
140
+ --tone-kaolin-02: 244 244 246;
141
+ --tone-kaolin-03: 232 233 236;
142
+ --tone-kaolin-04: 215 218 223;
143
+ --tone-kaolin-05: 194 198 206;
144
+ --tone-kaolin-06: 151 159 171;
145
+ --tone-kaolin-07: 126 135 151;
146
+ --tone-kaolin-08: 99 107 122;
147
+ --tone-kaolin-09: 71 77 88;
148
+ --tone-kaolin-10: 56 60 69;
149
+ --tone-kaolin: 0 0 0;
150
+ --tone-neutral-01: 255 255 255;
151
+ --tone-neutral-02: 244 244 244;
152
+ --tone-neutral-03: 233 233 233;
153
+ --tone-neutral-04: 218 218 218;
154
+ --tone-neutral-05: 197 197 197;
155
+ --tone-neutral-06: 158 158 158;
156
+ --tone-neutral-07: 134 134 134;
157
+ --tone-neutral-08: 107 107 107;
158
+ --tone-neutral-09: 76 76 76;
159
+ --tone-neutral-10: 60 60 60;
169
160
  --tone-neutral: 0 0 0;
170
- --tone-stone-01: 226 224 223;
171
- --tone-stone-02: 218 215 214;
172
- --tone-stone-03: 185 181 177;
173
- --tone-stone-04: 160 154 150;
174
- --tone-stone-05: 127 120 114;
175
- --tone-stone-06: 83 78 74;
176
- --tone-stone-07: 45 42 41;
177
- --tone-stone-08: 30 28 27;
178
- --tone-stone-09: 16 15 15;
179
- --tone-stone-10: 9 9 8;
180
- --tone-stone: 0 0 0;
161
+ --tone-fireclay-01: 255 255 255;
162
+ --tone-fireclay-02: 246 244 243;
163
+ --tone-fireclay-03: 236 233 231;
164
+ --tone-fireclay-04: 221 217 214;
165
+ --tone-fireclay-05: 203 197 190;
166
+ --tone-fireclay-06: 167 156 146;
167
+ --tone-fireclay-07: 145 132 120;
168
+ --tone-fireclay-08: 115 105 94;
169
+ --tone-fireclay-09: 83 75 68;
170
+ --tone-fireclay-10: 66 59 53;
171
+ --tone-fireclay: 0 0 0;
172
+ --tone-bisque-01: 255 255 255;
173
+ --tone-bisque-02: 246 245 244;
174
+ --tone-bisque-03: 236 233 232;
175
+ --tone-bisque-04: 223 216 215;
176
+ --tone-bisque-05: 205 196 193;
177
+ --tone-bisque-06: 171 155 150;
178
+ --tone-bisque-07: 151 130 124;
179
+ --tone-bisque-08: 121 103 97;
180
+ --tone-bisque-09: 87 74 70;
181
+ --tone-bisque-10: 69 58 55;
182
+ --tone-bisque: 0 0 0;
181
183
  }
182
184
  }