@maggioli-design-system/design-tokens/dist/css/colors-hex-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: #0c1a36;
  --brand-maggioli-02: #00379e;
  --brand-maggioli-03: #0242b9;
  --brand-maggioli-04: #0a50d4;
  --brand-maggioli-05: #1f65e8;
  --brand-maggioli-06: #638ddd;
  --brand-maggioli-07: #b2c1dc;
  --brand-maggioli-08: #d2d8e4;
  --brand-maggioli-09: #e6e9ed;
  --brand-maggioli-10: #f4f5f6;
  --brand-maggioli: #00379e;
  --brand-maggioli-editore-01: #151b28;
  --brand-maggioli-editore-02: #133993;
  --brand-maggioli-editore-03: #1042b7;
  --brand-maggioli-editore-04: #104ddd;
  --brand-maggioli-editore-05: #2b63e9;
  --brand-maggioli-editore-06: #668be2;
  --brand-maggioli-editore-07: #b2c0e0;
  --brand-maggioli-editore-08: #d2d8e5;
  --brand-maggioli-editore-09: #e6e8ed;
  --brand-maggioli-editore-10: #f4f5f6;
  --brand-maggioli-editore: #0f4ad5;
}

:root.pref-theme-dark {
  --brand-maggioli-01: #e6e8ec;
  --brand-maggioli-02: #a3b6db;
  --brand-maggioli-03: #89a5da;
  --brand-maggioli-04: #6a91dc;
  --brand-maggioli-05: #447ae1;
  --brand-maggioli-06: #0c54da;
  --brand-maggioli-07: #01318c;
  --brand-maggioli-08: #07255c;
  --brand-maggioli-09: #0c1b37;
  --brand-maggioli-10: #0b0e14;
  --brand-maggioli: #00379e;
  --brand-maggioli-editore-01: #e6e8ed;
  --brand-maggioli-editore-02: #a4b5df;
  --brand-maggioli-editore-03: #8aa4df;
  --brand-maggioli-editore-04: #6d8fe1;
  --brand-maggioli-editore-05: #4a78e5;
  --brand-maggioli-editore-06: #1150e4;
  --brand-maggioli-editore-07: #16347c;
  --brand-maggioli-editore-08: #192748;
  --brand-maggioli-editore-09: #151b28;
  --brand-maggioli-editore-10: #0e1014;
  --brand-maggioli-editore: #0f4ad5;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --brand-maggioli-01: #e6e8ec;
    --brand-maggioli-02: #a3b6db;
    --brand-maggioli-03: #89a5da;
    --brand-maggioli-04: #6a91dc;
    --brand-maggioli-05: #447ae1;
    --brand-maggioli-06: #0c54da;
    --brand-maggioli-07: #01318c;
    --brand-maggioli-08: #07255c;
    --brand-maggioli-09: #0c1b37;
    --brand-maggioli-10: #0b0e14;
    --brand-maggioli: #00379e;
    --brand-maggioli-editore-01: #e6e8ed;
    --brand-maggioli-editore-02: #a4b5df;
    --brand-maggioli-editore-03: #8aa4df;
    --brand-maggioli-editore-04: #6d8fe1;
    --brand-maggioli-editore-05: #4a78e5;
    --brand-maggioli-editore-06: #1150e4;
    --brand-maggioli-editore-07: #16347c;
    --brand-maggioli-editore-08: #192748;
    --brand-maggioli-editore-09: #151b28;
    --brand-maggioli-editore-10: #0e1014;
    --brand-maggioli-editore: #0f4ad5;
  }
}