@maggioli-design-system/design-tokens/dist/css/colors-rgb-brand.css

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v13.7.1
Generated by Style Dictionary
Do not edit directly
Generated at Tue, 03 Jun 2025 08:08:46 GMT
*/

:root {
  --brand-maggioli-01: 12 26 54;
  --brand-maggioli-02: 0 55 158;
  --brand-maggioli-03: 2 66 185;
  --brand-maggioli-04: 10 80 212;
  --brand-maggioli-05: 31 101 232;
  --brand-maggioli-06: 99 141 221;
  --brand-maggioli-07: 178 193 220;
  --brand-maggioli-08: 210 216 228;
  --brand-maggioli-09: 230 233 237;
  --brand-maggioli-10: 244 245 246;
  --brand-maggioli: 0 55 158;
  --brand-maggioli-editore-01: 21 27 40;
  --brand-maggioli-editore-02: 19 57 147;
  --brand-maggioli-editore-03: 16 66 183;
  --brand-maggioli-editore-04: 16 77 221;
  --brand-maggioli-editore-05: 43 99 233;
  --brand-maggioli-editore-06: 102 139 226;
  --brand-maggioli-editore-07: 178 192 224;
  --brand-maggioli-editore-08: 210 216 229;
  --brand-maggioli-editore-09: 230 232 237;
  --brand-maggioli-editore-10: 244 245 246;
  --brand-maggioli-editore: 15 74 213;
}

:root.pref-theme-dark {
  --brand-maggioli-01: 230 232 236;
  --brand-maggioli-02: 163 182 219;
  --brand-maggioli-03: 137 165 218;
  --brand-maggioli-04: 106 145 220;
  --brand-maggioli-05: 68 122 225;
  --brand-maggioli-06: 12 84 218;
  --brand-maggioli-07: 1 49 140;
  --brand-maggioli-08: 7 37 92;
  --brand-maggioli-09: 12 27 55;
  --brand-maggioli-10: 11 14 20;
  --brand-maggioli: 0 55 158;
  --brand-maggioli-editore-01: 230 232 237;
  --brand-maggioli-editore-02: 164 181 223;
  --brand-maggioli-editore-03: 138 164 223;
  --brand-maggioli-editore-04: 109 143 225;
  --brand-maggioli-editore-05: 74 120 229;
  --brand-maggioli-editore-06: 17 80 228;
  --brand-maggioli-editore-07: 22 52 124;
  --brand-maggioli-editore-08: 25 39 72;
  --brand-maggioli-editore-09: 21 27 40;
  --brand-maggioli-editore-10: 14 16 20;
  --brand-maggioli-editore: 15 74 213;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --brand-maggioli-01: 230 232 236;
    --brand-maggioli-02: 163 182 219;
    --brand-maggioli-03: 137 165 218;
    --brand-maggioli-04: 106 145 220;
    --brand-maggioli-05: 68 122 225;
    --brand-maggioli-06: 12 84 218;
    --brand-maggioli-07: 1 49 140;
    --brand-maggioli-08: 7 37 92;
    --brand-maggioli-09: 12 27 55;
    --brand-maggioli-10: 11 14 20;
    --brand-maggioli: 0 55 158;
    --brand-maggioli-editore-01: 230 232 237;
    --brand-maggioli-editore-02: 164 181 223;
    --brand-maggioli-editore-03: 138 164 223;
    --brand-maggioli-editore-04: 109 143 225;
    --brand-maggioli-editore-05: 74 120 229;
    --brand-maggioli-editore-06: 17 80 228;
    --brand-maggioli-editore-07: 22 52 124;
    --brand-maggioli-editore-08: 25 39 72;
    --brand-maggioli-editore-09: 21 27 40;
    --brand-maggioli-editore-10: 14 16 20;
    --brand-maggioli-editore: 15 74 213;
  }
}