@maggioli-design-system/styles 15.11.1 → 16.0.1

package/dist/css/tailwind-theme-color.css

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

package/dist/css/tailwind-theme-typography.css

@@ -0,0 +1,251 @@
+/*
+@magma-design-system/design-tokens v14.1.0
+Generated by Style Dictionary
+Do not edit directly
+Generated at Mon, 08 Jun 2026 14:52:21 GMT
+*/
+
+@theme {
+  --font-title:  Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-info:  Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-read:  'Merriweather', Times, 'Times New Roman', serif;
+  --font-code:  'Roboto Mono', 'Courier New', monospace;
+
+  --text-size-title-h1: 3rem;
+  --text-size-title-h1--font-weight: 900;
+  --text-size-title-h1--letter-spacing: -0.025em;
+  --text-size-title-h1--line-height: 3rem;
+  --text-size-title-h2: 2.25rem;
+  --text-size-title-h2--font-weight: 900;
+  --text-size-title-h2--letter-spacing: -0.025em;
+  --text-size-title-h2--line-height: 2.5rem;
+  --text-size-title-h3: 1.875rem;
+  --text-size-title-h3--font-weight: 900;
+  --text-size-title-h3--letter-spacing: -0.025em;
+  --text-size-title-h3--line-height: 2.25rem;
+  --text-size-title-h4: 1.5rem;
+  --text-size-title-h4--font-weight: 900;
+  --text-size-title-h4--letter-spacing: -0.025em;
+  --text-size-title-h4--line-height: 2rem;
+  --text-size-title-h5: 1.25rem;
+  --text-size-title-h5--font-weight: 900;
+  --text-size-title-h5--letter-spacing: -0.025em;
+  --text-size-title-h5--line-height: 1.75rem;
+  --text-size-title-h6: 1rem;
+  --text-size-title-h6--font-weight: 700;
+  --text-size-title-h6--letter-spacing: -0.025em;
+  --text-size-title-h6--line-height: 1.5rem;
+  --text-size-title-action: 0.875rem;
+  --text-size-title-action--font-weight: 500;
+  --text-size-title-action--line-height: 1.5rem;
+  --text-size-info-paragraph: 1.25rem;
+  --text-size-info-paragraph--font-weight: 400;
+  --text-size-info-paragraph--line-height: 2rem;
+  --text-size-info-detail: 1rem;
+  --text-size-info-detail--font-weight: 400;
+  --text-size-info-detail--line-height: 1.5rem;
+  --text-size-info-caption: 0.875rem;
+  --text-size-info-caption--font-weight: 400;
+  --text-size-info-caption--line-height: 1.25rem;
+  --text-size-info-label: 0.75rem;
+  --text-size-info-label--font-weight: 700;
+  --text-size-info-label--line-height: 1rem;
+  --text-size-info-option: 0.625rem;
+  --text-size-info-option--font-weight: 700;
+  --text-size-info-option--letter-spacing: -0.025em;
+  --text-size-info-option--line-height: 0.625rem;
+  --text-size-info-tip: 0.75rem;
+  --text-size-info-tip--font-weight: 400;
+  --text-size-info-tip--line-height: 1rem;
+  --text-size-read-paragraph: 1.25rem;
+  --text-size-read-paragraph--font-weight: 300;
+  --text-size-read-paragraph--line-height: 2rem;
+  --text-size-read-detail: 1rem;
+  --text-size-read-detail--font-weight: 300;
+  --text-size-read-detail--line-height: 1.5rem;
+  --text-size-read-caption: 0.875rem;
+  --text-size-read-caption--font-weight: 400;
+  --text-size-read-caption--line-height: 1.25rem;
+  --text-size-code-snippet: 1rem;
+  --text-size-code-snippet--font-weight: 400;
+  --text-size-code-snippet--line-height: 1.5rem;
+  --text-size-code-hack: 0.875rem;
+  --text-size-code-hack--font-weight: 400;
+  --text-size-code-hack--line-height: 1.25rem;
+
+  --leading-2xs: 0.625rem;
+  --leading-xs: 1rem;
+  --leading-sm: 1.25rem;
+  --leading-md: 1.5rem;
+  --leading-lg: 1.75rem;
+  --leading-xl: 2rem;
+  --leading-2xl: 2.25rem;
+  --leading-3xl: 2.5rem;
+  --leading-4xl: 3rem;
+
+  --spacing: 0.0025rem;
+  --spacing-none: 0px;
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --spacing-xl: 32px;
+  --spacing-2xl: 48px;
+  --spacing-3xl: 64px;
+  --spacing-4xl: 96px;
+  --spacing-phrase: 50ch;
+  --spacing-prose: 65ch;
+  --spacing-text: 75ch;
+  --spacing-title: 30ch;
+
+  --container-4xs: 128px;
+  --container-3xs: 192px;
+  --container-2xs: 240px;
+  --container-xs: 320px;
+  --container-sm: 384px;
+  --container-md: 448px;
+  --container-lg: 512px;
+  --container-xl: 568px;
+  --container-2xl: 640px;
+  --container-3xl: 768px;
+  --container-4xl: 960px;
+  --container-5xl: 1024px;
+  --container-6xl: 1152px;
+  --container-7xl: 1280px;
+
+  --breakpoint-mobile: 480px;
+  --breakpoint-tablet: 768px;
+  --breakpoint-desktop: 1024px;
+  --breakpoint-wide: 1280px;
+  --breakpoint-large: 1440px;
+  --breakpoint-xlarge: 1600px;
+  --breakpoint-tv: 1920px;
+
+  --aspect-cover: 5/3;
+  --aspect-picture: 4/3;
+  --aspect-landscape: 4/2;
+  --aspect-panorama: 4/1;
+  --aspect-square: 1/1;
+  --aspect-a4: 1/1.4;
+  --aspect-book: 1/1.4;
+  --aspect-video: 16/9;
+
+  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
+  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
+  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
+  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
+
+  --duration-75: 75ms;
+  --duration-100: 100ms;
+  --duration-150: 150ms;
+  --duration-200: 200ms;
+  --duration-300: 300ms;
+  --duration-500: 500ms;
+  --duration-700: 700ms;
+  --duration-1000: 1000ms;
+
+  --border-none: 0;
+  --border-xs: 1px;
+  --border-sm: 2px;
+  --border-md: 3px;
+  --border-lg: 4px;
+  --border-xl: 5px;
+
+  --radius-none: 0px;
+  --radius-3xs: 4px;
+  --radius-2xs: 6px;
+  --radius-xs: 8px;
+  --radius-sm: 10px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 20px;
+  --radius-2xl: 24px;
+  --radius-3xl: 32px;
+  --radius-4xl: 48px;
+  --radius-5xl: 64px;
+  --radius-full: 1000px;
+
+  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-xs-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-sm-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  --shadow-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-md-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-lg-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --shadow-xl-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --shadow-2xl-sharp: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --shadow-inset-sm: inset 0 2px 4px 0 rgb(0 0 0 / 0.05), inset 0 0 0 1px rgb(0 0 0 / 0.01);
+  --shadow-inset-md: inset 0 4px 6px -1px rgb(0 0 0 / 0.1), inset 0 0 0 1px rgb(0 0 0 / 0.02);
+  --shadow-inset-lg: inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 0 0 1px rgb(0 0 0 / 0.04);
+  --shadow-inset-xl: inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 0 0 1px rgb(0 0 0 / 0.04);
+  --shadow-glow-near-strong: rgb(0 0 0 / 0.2) 0px 12px 28px 0px, rgb(0 0 0 / 0.1) 0px 2px 4px 0px;
+  --shadow-glow-distant-weak: rgb(0 0 0 / 0.2) 0px 60px 40px -7px;
+  --shadow-glow-distant-strong: rgb(0 0 0 / 0.25) 0px 50px 100px -20px, rgb(0 0 0 / 0.3) 0px 30px 60px -30px;
+  --shadow-box-md: rgb(0 0 0 / 0.06) 0px 0px 0px 1px, rgb(0 0 0 / 0.03) 0px 1px 1px -0.5px, rgb(0 0 0 / 0.04) 0px 2px 2px -1px, rgb(0 0 0 / 0.04) 0px 3px 3px -1.5px, rgb(0 0 0 / 0.03) 0px 5px 5px -2.5px, rgb(0 0 0 / 0.03) 0px 10px 10px -5px, rgb(0 0 0 / 0.03) 0px 24px 24px -8px;
+  --shadow-box-lg: rgb(0 0 0 / 0.25) 0px 4px 8px -2px, rgb(0 0 0 / 0.08) 0px 0px 0px 1px;
+  --shadow-box-xl: rgb(0 0 0 / 0.05) 0px 0px 0px 1px, rgb(0 0 0 / 0.1) 0px 1px 1px -0.5px, rgb(0 0 0 / 0.1) 0px 3px 3px -1.5px, rgb(0 0 0 / 0.1) 0px 6px 6px -3px, rgb(0 0 0 / 0.1) 0px 12px 12px -6px, rgb(0 0 0 / 0.1) 0px 24px 24px -12px;
+  --shadow-box-solid-weak: rgb(0 0 0 / 0.3) 0px 2px 4px, rgb(0 0 0 / 0.03) 0px 0px 0px 1px, rgb(0 0 0 / 0.1) 0px 7px 13px -3px, rgb(0 0 0 / 0.2) 0px -3px 0px inset, rgb(255 255 255 / 0.1) 0px -8px 10px inset, rgb(255 255 255 / 0.15) 0px -4px 0px inset;
+  --shadow-box-solid-strong: rgb(0 0 0 / 0.4) 0px 2px 4px, rgb(0 0 0 / 0.3) 0px 7px 13px -3px, rgb(0 0 0 / 0.35) 0px -3px 0px inset, rgb(255 255 255 / 0.1) 0px -8px 10px inset, rgb(255 255 255 / 0.15) 0px -4px 0px inset;
+  --shadow-outline-weak: 0 0 0 1px rgb(0 0 0 / 0.05), 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-outline-md: 0 0 0 1px rgb(0 0 0 / 0.1);
+  --shadow-outline-glow-weak: rgb(0 0 0 / 0.05) 0px 6px 24px 0px, rgb(0 0 0 / 0.08) 0px 0px 0px 1px;
+  --shadow-outline-glow-strong: rgb(0 0 0 / 0.16) 0px 10px 36px 0px, rgb(0 0 0 / 0.06) 0px 0px 0px 1px;
+  --shadow-outline-strong: rgb(0 0 0 / 0.25) 0px 1px 1px, rgb(0 0 0 / 0.13) 0px 0px 1px 1px;
+  --shadow-highlight-weak: rgb(0 0 0 / 0.3) 0px 0px 0px 1px;
+  --shadow-highlight-md: rgb(0 0 0 / 0.5) 0px 0px 0px 1px, rgb(0 0 0 / 0.3) 0px 4px 6px -1px;
+  --shadow-highlight-strong: rgb(0 0 0 / 0.4) 0px 0px 0px 2px, rgb(0 0 0 / 0.65) 0px 4px 6px -1px;
+}
+
+@utility transition-cosmetic {
+  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;
+  transition-timing-function: var(--default-transition-timing-function); /* default cubic-bezier(0.4, 0, 0.2, 1) */
+  transition-duration: var(--default-transition-duration); /* default 150ms */
+}
+@utility transition-size {
+  transition-property: height, margin, padding, width;
+  transition-timing-function: var(--default-transition-timing-function); /* default cubic-bezier(0.4, 0, 0.2, 1) */
+  transition-duration: var(--default-transition-duration); /* default 150ms */
+}
+
+@utility grid-cols-fit-lg {
+  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
+}
+@utility grid-cols-fit-md {
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+}
+@utility grid-cols-fit-sm {
+  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+}
+@utility grid-cols-fit-xl {
+  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+}
+@utility grid-cols-fit {
+  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
+}
+@utility grid-cols-full {
+  grid-template-columns: repeat(1, minmax(1px, 100%));
+}

package/dist/css/transitions.css

@@ -0,0 +1,45 @@
+/*
+@magma-design-system/design-tokens v14.1.0
+Generated by Style Dictionary
+Do not edit directly
+Generated at Mon, 08 Jun 2026 14:52:21 GMT
+*/
+
+:root {
+  --duration-75: 75ms;
+  --duration-100: 100ms;
+  --duration-150: 150ms;
+  --duration-200: 200ms;
+  --duration-300: 300ms;
+  --duration-500: 500ms;
+  --duration-700: 700ms;
+  --duration-1000: 1000ms;
+
+  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
+  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
+  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
+  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
+
+  --transition-property-cosmetic: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;
+  --transition-property-size: height, margin, padding, width;
+}