@maggioli-design-system/design-tokens
Version:
This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.
307 lines (305 loc) • 20.2 kB
CSS
/*
@magma-design-system/design-tokens v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 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));
}