@maggioli-design-system/design-tokens/dist/css/colors-hex-brand-apk.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-apksic-01: #091c2f;
  --brand-apksic-02: #16426f;
  --brand-apksic-03: #1a4e85;
  --brand-apksic-04: #1f5d9e;
  --brand-apksic-05: #2570bc;
  --brand-apksic-06: #4991db;
  --brand-apksic-07: #9dc4ec;
  --brand-apksic-08: #c3dbf3;
  --brand-apksic-09: #ddeaf8;
  --brand-apksic-10: #eef5fc;
  --brand-apksic: #236ab3;
  --area-demographic-01: #151d06;
  --area-demographic-02: #32460f;
  --area-demographic-03: #3c5511;
  --area-demographic-04: #476415;
  --area-demographic-05: #557819;
  --area-demographic-06: #6d9b20;
  --area-demographic-07: #95d22b;
  --area-demographic-08: #bfe57f;
  --area-demographic-09: #daf0b4;
  --area-demographic-10: #eff8df;
  --area-demographic: #94d12b;
  --area-accounting-01: #3d030b;
  --area-accounting-02: #840817;
  --area-accounting-03: #9c091c;
  --area-accounting-04: #b80b20;
  --area-accounting-05: #db0c27;
  --area-accounting-06: #f55569;
  --area-accounting-07: #faabb5;
  --area-accounting-08: #fccdd3;
  --area-accounting-09: #fde1e5;
  --area-accounting-10: #fef3f5;
  --area-accounting: #f43e55;
  --area-general-affairs-01: #291701;
  --area-general-affairs-02: #603703;
  --area-general-affairs-03: #734103;
  --area-general-affairs-04: #894d04;
  --area-general-affairs-05: #a35c04;
  --area-general-affairs-06: #d27705;
  --area-general-affairs-07: #fbb156;
  --area-general-affairs-08: #fcd19a;
  --area-general-affairs-09: #fee5c8;
  --area-general-affairs-10: #fef3e6;
  --area-general-affairs: #f99519;
  --area-tributes-01: #041e1f;
  --area-tributes-02: #0b484a;
  --area-tributes-03: #0d5657;
  --area-tributes-04: #0f6668;
  --area-tributes-05: #12797c;
  --area-tributes-06: #179da0;
  --area-tributes-07: #1fd4d8;
  --area-tributes-08: #7ae9ec;
  --area-tributes-09: #b4f3f4;
  --area-tributes-10: #e2fafb;
  --area-tributes: #29dce0;
  --area-personnel-01: #250058;
  --area-personnel-02: #4e00bb;
  --area-personnel-03: #5b00dc;
  --area-personnel-04: #6d05ff;
  --area-personnel-05: #8b37ff;
  --area-personnel-06: #aa6eff;
  --area-personnel-07: #d2b2ff;
  --area-personnel-08: #e4d0ff;
  --area-personnel-09: #efe4ff;
  --area-personnel-10: #f7f2ff;
  --area-personnel: #ab6fff;
  --area-technical-01: #1e1b00;
  --area-technical-02: #474100;
  --area-technical-03: #554e00;
  --area-technical-04: #655d00;
  --area-technical-05: #796f00;
  --area-technical-06: #9c8f00;
  --area-technical-07: #d2c200;
  --area-technical-08: #eddb00;
  --area-technical-09: #ffec04;
  --area-technical-10: #fff8a4;
  --area-technical: #ffec0a;
  --area-personal-services-01: #390030;
  --area-personal-services-02: #7b0067;
  --area-personal-services-03: #920079;
  --area-personal-services-04: #ab008f;
  --area-personal-services-05: #ca00a8;
  --area-personal-services-06: #ff19d8;
  --area-personal-services-07: #ffa0ef;
  --area-personal-services-08: #ffc6f5;
  --area-personal-services-09: #ffdefa;
  --area-personal-services-10: #fff0fd;
  --area-personal-services: #ff4de1;
}

:root.pref-theme-dark {
  --brand-apksic-01: #ddebf8;
  --brand-apksic-02: #8cbae8;
  --brand-apksic-03: #70a8e3;
  --brand-apksic-04: #5095dd;
  --brand-apksic-05: #2c7fd6;
  --brand-apksic-06: #2061a3;
  --brand-apksic-07: #133b63;
  --brand-apksic-08: #0d2944;
  --brand-apksic-09: #091c2f;
  --brand-apksic-10: #050f1a;
  --brand-apksic: #236ab3;
  --area-demographic-01: #dcf0b9;
  --area-demographic-02: #8dc729;
  --area-demographic-03: #7fb425;
  --area-demographic-04: #719f21;
  --area-demographic-05: #61891c;
  --area-demographic-06: #4a6815;
  --area-demographic-07: #2d3f0d;
  --area-demographic-08: #1f2c09;
  --area-demographic-09: #161f06;
  --area-demographic-10: #0c1103;
  --area-demographic: #94d12b;
  --area-accounting-01: #fde2e6;
  --area-accounting-02: #f99ba7;
  --area-accounting-03: #f87f8f;
  --area-accounting-04: #f65d70;
  --area-accounting-05: #f3243e;
  --area-accounting-06: #bf0b22;
  --area-accounting-07: #770715;
  --area-accounting-08: #57050f;
  --area-accounting-09: #3e040b;
  --area-accounting-10: #250207;
  --area-accounting: #f43e55;
  --area-general-affairs-01: #fee5c6;
  --area-general-affairs-02: #faa236;
  --area-general-affairs-03: #f38a06;
  --area-general-affairs-04: #d87a06;
  --area-general-affairs-05: #bb6905;
  --area-general-affairs-06: #8e5004;
  --area-general-affairs-07: #563002;
  --area-general-affairs-08: #3c2202;
  --area-general-affairs-09: #2a1801;
  --area-general-affairs-10: #170d01;
  --area-general-affairs: #f99519;
  --area-tributes-01: #b9f3f5;
  --area-tributes-02: #1ec9cd;
  --area-tributes-03: #1bb6ba;
  --area-tributes-04: #18a1a5;
  --area-tributes-05: #158b8e;
  --area-tributes-06: #106a6c;
  --area-tributes-07: #094041;
  --area-tributes-08: #072d2e;
  --area-tributes-09: #051f20;
  --area-tributes-10: #031112;
  --area-tributes: #29dce0;
  --area-personnel-01: #efe4ff;
  --area-personnel-02: #caa4ff;
  --area-personnel-03: #bd8dff;
  --area-personnel-04: #ae73ff;
  --area-personnel-05: #9c54ff;
  --area-personnel-06: #7512ff;
  --area-personnel-07: #4600a8;
  --area-personnel-08: #33007b;
  --area-personnel-09: #250059;
  --area-personnel-10: #180039;
  --area-personnel: #ab6fff;
  --area-technical-01: #ffec04;
  --area-technical-02: #c7b800;
  --area-technical-03: #b4a600;
  --area-technical-04: #a09300;
  --area-technical-05: #8a7f00;
  --area-technical-06: #696000;
  --area-technical-07: #3f3a00;
  --area-technical-08: #2c2900;
  --area-technical-09: #1e1c00;
  --area-technical-10: #100f00;
  --area-technical: #ffec0a;
  --area-personal-services-01: #ffdffa;
  --area-personal-services-02: #ff8dec;
  --area-personal-services-03: #ff6ae6;
  --area-personal-services-04: #ff30dc;
  --area-personal-services-05: #e600c0;
  --area-personal-services-06: #b10093;
  --area-personal-services-07: #6f005c;
  --area-personal-services-08: #510044;
  --area-personal-services-09: #3b0031;
  --area-personal-services-10: #24001e;
  --area-personal-services: #ff4de1;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --brand-apksic-01: #ddebf8;
    --brand-apksic-02: #8cbae8;
    --brand-apksic-03: #70a8e3;
    --brand-apksic-04: #5095dd;
    --brand-apksic-05: #2c7fd6;
    --brand-apksic-06: #2061a3;
    --brand-apksic-07: #133b63;
    --brand-apksic-08: #0d2944;
    --brand-apksic-09: #091c2f;
    --brand-apksic-10: #050f1a;
    --brand-apksic: #236ab3;
    --area-demographic-01: #dcf0b9;
    --area-demographic-02: #8dc729;
    --area-demographic-03: #7fb425;
    --area-demographic-04: #719f21;
    --area-demographic-05: #61891c;
    --area-demographic-06: #4a6815;
    --area-demographic-07: #2d3f0d;
    --area-demographic-08: #1f2c09;
    --area-demographic-09: #161f06;
    --area-demographic-10: #0c1103;
    --area-demographic: #94d12b;
    --area-accounting-01: #fde2e6;
    --area-accounting-02: #f99ba7;
    --area-accounting-03: #f87f8f;
    --area-accounting-04: #f65d70;
    --area-accounting-05: #f3243e;
    --area-accounting-06: #bf0b22;
    --area-accounting-07: #770715;
    --area-accounting-08: #57050f;
    --area-accounting-09: #3e040b;
    --area-accounting-10: #250207;
    --area-accounting: #f43e55;
    --area-general-affairs-01: #fee5c6;
    --area-general-affairs-02: #faa236;
    --area-general-affairs-03: #f38a06;
    --area-general-affairs-04: #d87a06;
    --area-general-affairs-05: #bb6905;
    --area-general-affairs-06: #8e5004;
    --area-general-affairs-07: #563002;
    --area-general-affairs-08: #3c2202;
    --area-general-affairs-09: #2a1801;
    --area-general-affairs-10: #170d01;
    --area-general-affairs: #f99519;
    --area-tributes-01: #b9f3f5;
    --area-tributes-02: #1ec9cd;
    --area-tributes-03: #1bb6ba;
    --area-tributes-04: #18a1a5;
    --area-tributes-05: #158b8e;
    --area-tributes-06: #106a6c;
    --area-tributes-07: #094041;
    --area-tributes-08: #072d2e;
    --area-tributes-09: #051f20;
    --area-tributes-10: #031112;
    --area-tributes: #29dce0;
    --area-personnel-01: #efe4ff;
    --area-personnel-02: #caa4ff;
    --area-personnel-03: #bd8dff;
    --area-personnel-04: #ae73ff;
    --area-personnel-05: #9c54ff;
    --area-personnel-06: #7512ff;
    --area-personnel-07: #4600a8;
    --area-personnel-08: #33007b;
    --area-personnel-09: #250059;
    --area-personnel-10: #180039;
    --area-personnel: #ab6fff;
    --area-technical-01: #ffec04;
    --area-technical-02: #c7b800;
    --area-technical-03: #b4a600;
    --area-technical-04: #a09300;
    --area-technical-05: #8a7f00;
    --area-technical-06: #696000;
    --area-technical-07: #3f3a00;
    --area-technical-08: #2c2900;
    --area-technical-09: #1e1c00;
    --area-technical-10: #100f00;
    --area-technical: #ffec0a;
    --area-personal-services-01: #ffdffa;
    --area-personal-services-02: #ff8dec;
    --area-personal-services-03: #ff6ae6;
    --area-personal-services-04: #ff30dc;
    --area-personal-services-05: #e600c0;
    --area-personal-services-06: #b10093;
    --area-personal-services-07: #6f005c;
    --area-personal-services-08: #510044;
    --area-personal-services-09: #3b0031;
    --area-personal-services-10: #24001e;
    --area-personal-services: #ff4de1;
  }
}