@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 v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 GMT
*/

:root {
  --brand-maggioli-01: 9 34 82;
  --brand-maggioli-02: 2 46 130;
  --brand-maggioli-03: 1 63 180;
  --brand-maggioli-04: 18 91 227;
  --brand-maggioli-05: 74 126 224;
  --brand-maggioli-06: 145 170 218;
  --brand-maggioli-07: 178 192 220;
  --brand-maggioli-08: 204 212 226;
  --brand-maggioli-09: 230 232 236;
  --brand-maggioli-10: 237 238 241;
  --brand-maggioli: 0 55 158;
  --brand-maggioli-editore-01: 24 37 66;
  --brand-maggioli-editore-02: 23 50 116;
  --brand-maggioli-editore-03: 16 64 179;
  --brand-maggioli-editore-04: 25 87 235;
  --brand-maggioli-editore-05: 81 125 228;
  --brand-maggioli-editore-06: 147 169 223;
  --brand-maggioli-editore-07: 179 192 224;
  --brand-maggioli-editore-08: 205 211 228;
  --brand-maggioli-editore-09: 230 232 237;
  --brand-maggioli-editore-10: 237 238 241;
  --brand-maggioli-editore: 15 74 213;
}

:root:not(.pref-theme-scheme-light).pref-theme-dark,
:root.pref-theme-scheme-dark {
  --brand-maggioli-01: 246 246 247;
  --brand-maggioli-02: 237 238 241;
  --brand-maggioli-03: 222 226 232;
  --brand-maggioli-04: 200 208 225;
  --brand-maggioli-05: 172 188 220;
  --brand-maggioli-06: 114 150 219;
  --brand-maggioli-07: 68 122 225;
  --brand-maggioli-08: 16 88 224;
  --brand-maggioli-09: 0 58 167;
  --brand-maggioli-10: 1 49 141;
  --brand-maggioli: 0 55 158;
  --brand-maggioli-editore-01: 246 246 247;
  --brand-maggioli-editore-02: 237 238 241;
  --brand-maggioli-editore-03: 222 226 234;
  --brand-maggioli-editore-04: 200 208 227;
  --brand-maggioli-editore-05: 172 187 223;
  --brand-maggioli-editore-06: 117 149 224;
  --brand-maggioli-editore-07: 74 120 229;
  --brand-maggioli-editore-08: 20 84 236;
  --brand-maggioli-editore-09: 18 60 161;
  --brand-maggioli-editore-10: 21 53 129;
  --brand-maggioli-editore: 15 74 213;
}

@media (prefers-color-scheme: dark) {
  :root:not(.pref-theme-scheme-light).pref-theme-system,
  :root:not([data-magma-pref]) {
    --brand-maggioli-01: 246 246 247;
    --brand-maggioli-02: 237 238 241;
    --brand-maggioli-03: 222 226 232;
    --brand-maggioli-04: 200 208 225;
    --brand-maggioli-05: 172 188 220;
    --brand-maggioli-06: 114 150 219;
    --brand-maggioli-07: 68 122 225;
    --brand-maggioli-08: 16 88 224;
    --brand-maggioli-09: 0 58 167;
    --brand-maggioli-10: 1 49 141;
    --brand-maggioli: 0 55 158;
    --brand-maggioli-editore-01: 246 246 247;
    --brand-maggioli-editore-02: 237 238 241;
    --brand-maggioli-editore-03: 222 226 234;
    --brand-maggioli-editore-04: 200 208 227;
    --brand-maggioli-editore-05: 172 187 223;
    --brand-maggioli-editore-06: 117 149 224;
    --brand-maggioli-editore-07: 74 120 229;
    --brand-maggioli-editore-08: 20 84 236;
    --brand-maggioli-editore-09: 18 60 161;
    --brand-maggioli-editore-10: 21 53 129;
    --brand-maggioli-editore: 15 74 213;
  }
}