@maggioli-design-system/styles 6.0.0 → 6.3.0

package/dist/css/colors-brand-synbee.css

@@ -0,0 +1,82 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Thu, 10 Feb 2022 15:13:14 GMT
+*/
+
+:root {
+  --brand-synbee-eolo-01: #f2f4f9;
+  --brand-synbee-eolo-02: #e1e8f2;
+  --brand-synbee-eolo-03: #ced9eb;
+  --brand-synbee-eolo-04: #b1c1de;
+  --brand-synbee-eolo-05: #8aa2ce;
+  --brand-synbee-eolo-06: #6485be;
+  --brand-synbee-eolo-07: #496dad;
+  --brand-synbee-eolo-08: #3d5b91;
+  --brand-synbee-eolo-09: #324b76;
+  --brand-synbee-eolo-10: #2b4066;
+  --brand-synbee-eolo: #597cb9;
+  --brand-synbee-01: #fff5d4;
+  --brand-synbee-02: #ffe798;
+  --brand-synbee-03: #ffd447;
+  --brand-synbee-04: #efb800;
+  --brand-synbee-05: #c99b00;
+  --brand-synbee-06: #a67f00;
+  --brand-synbee-07: #896900;
+  --brand-synbee-08: #735800;
+  --brand-synbee-09: #5d4800;
+  --brand-synbee-10: #513e00;
+  --brand-synbee: #ffcf30;
+}
+
+:root .dark-mode {
+  --brand-synbee-eolo-01: #0a0f17;
+  --brand-synbee-eolo-02: #121c2c;
+  --brand-synbee-eolo-03: #1b2840;
+  --brand-synbee-eolo-04: #26395a;
+  --brand-synbee-eolo-05: #354f7d;
+  --brand-synbee-eolo-06: #4567a3;
+  --brand-synbee-eolo-07: #5b7eba;
+  --brand-synbee-eolo-08: #7592c5;
+  --brand-synbee-eolo-09: #91a8d1;
+  --brand-synbee-eolo-10: #a3b6d8;
+  --brand-synbee-eolo: #597cb9;
+  --brand-synbee-01: #130f00;
+  --brand-synbee-02: #231b00;
+  --brand-synbee-03: #332700;
+  --brand-synbee-04: #483700;
+  --brand-synbee-05: #644c00;
+  --brand-synbee-06: #816300;
+  --brand-synbee-07: #9d7800;
+  --brand-synbee-08: #b68b00;
+  --brand-synbee-09: #d1a000;
+  --brand-synbee-10: #e2ae00;
+  --brand-synbee: #ffcf30;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-synbee-eolo-01: #0a0f17;
+    --brand-synbee-eolo-02: #121c2c;
+    --brand-synbee-eolo-03: #1b2840;
+    --brand-synbee-eolo-04: #26395a;
+    --brand-synbee-eolo-05: #354f7d;
+    --brand-synbee-eolo-06: #4567a3;
+    --brand-synbee-eolo-07: #5b7eba;
+    --brand-synbee-eolo-08: #7592c5;
+    --brand-synbee-eolo-09: #91a8d1;
+    --brand-synbee-eolo-10: #a3b6d8;
+    --brand-synbee-eolo: #597cb9;
+    --brand-synbee-01: #130f00;
+    --brand-synbee-02: #231b00;
+    --brand-synbee-03: #332700;
+    --brand-synbee-04: #483700;
+    --brand-synbee-05: #644c00;
+    --brand-synbee-06: #816300;
+    --brand-synbee-07: #9d7800;
+    --brand-synbee-08: #b68b00;
+    --brand-synbee-09: #d1a000;
+    --brand-synbee-10: #e2ae00;
+    --brand-synbee: #ffcf30;
+  }
+}

package/dist/css/colors-brand.css

@@ -0,0 +1,49 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Thu, 10 Feb 2022 15:13:14 GMT
+*/
+
+:root {
+  --brand-maggioli-01: #f5f5f6;
+  --brand-maggioli-02: #e5e8ec;
+  --brand-maggioli-03: #d3d9e4;
+  --brand-maggioli-04: #b2c1dc;
+  --brand-maggioli-05: #84a2da;
+  --brand-maggioli-06: #5183df;
+  --brand-maggioli-07: #1f65e8;
+  --brand-maggioli-08: #0a50d4;
+  --brand-maggioli-09: #0240b4;
+  --brand-maggioli-10: #00379e;
+  --brand-maggioli: #00379e;
+}
+
+:root .dark-mode {
+  --brand-maggioli-01: #0b0f17;
+  --brand-maggioli-02: #0c1b38;
+  --brand-maggioli-03: #07255d;
+  --brand-maggioli-04: #01318c;
+  --brand-maggioli-05: #0344be;
+  --brand-maggioli-06: #135ce6;
+  --brand-maggioli-07: #447ae1;
+  --brand-maggioli-08: #6a91dc;
+  --brand-maggioli-09: #8ea8da;
+  --brand-maggioli-10: #a3b6db;
+  --brand-maggioli: #00379e;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-maggioli-01: #0b0f17;
+    --brand-maggioli-02: #0c1b38;
+    --brand-maggioli-03: #07255d;
+    --brand-maggioli-04: #01318c;
+    --brand-maggioli-05: #0344be;
+    --brand-maggioli-06: #135ce6;
+    --brand-maggioli-07: #447ae1;
+    --brand-maggioli-08: #6a91dc;
+    --brand-maggioli-09: #8ea8da;
+    --brand-maggioli-10: #a3b6db;
+    --brand-maggioli: #00379e;
+  }
+}

package/dist/css/colors-label.css

@@ -0,0 +1,346 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Thu, 10 Feb 2022 15:13:14 GMT
+*/
+
+:root {
+  --label-amaranth-01: #fef2f5;
+  --label-amaranth-02: #fce1e8;
+  --label-amaranth-03: #facdd9;
+  --label-amaranth-04: #f6abbf;
+  --label-amaranth-05: #f27d9b;
+  --label-amaranth-06: #ec4571;
+  --label-amaranth-07: #d61649;
+  --label-amaranth-08: #b5133e;
+  --label-amaranth-09: #960f33;
+  --label-amaranth-10: #810d2c;
+  --label-amaranth: #ea3464;
+  --label-orchid-01: #fdf1fc;
+  --label-orchid-02: #fbe1f9;
+  --label-orchid-03: #f7caf5;
+  --label-orchid-04: #f2a7ee;
+  --label-orchid-05: #eb74e5;
+  --label-orchid-06: #e231d8;
+  --label-orchid-07: #c01bb7;
+  --label-orchid-08: #a2179a;
+  --label-orchid-09: #85137f;
+  --label-orchid-10: #73106e;
+  --label-orchid: #e33bda;
+  --label-violet-01: #f7f2fe;
+  --label-violet-02: #ede3fe;
+  --label-violet-03: #e1d1fd;
+  --label-violet-04: #ceb3fc;
+  --label-violet-05: #b58dfa;
+  --label-violet-06: #9b66f8;
+  --label-violet-07: #8441f7;
+  --label-violet-08: #6c1df5;
+  --label-violet-09: #5509d6;
+  --label-violet-10: #4908ba;
+  --label-violet: #782ff6;
+  --label-blue-01: #f3f5ff;
+  --label-blue-02: #e3e7fe;
+  --label-blue-03: #cfd7fd;
+  --label-blue-04: #b0bdfc;
+  --label-blue-05: #889bfb;
+  --label-blue-06: #607af9;
+  --label-blue-07: #3c5df8;
+  --label-blue-08: #1b40f6;
+  --label-blue-09: #082cdb;
+  --label-blue-10: #0727bd;
+  --label-blue: #0e36f6;
+  --label-sky-01: #edf7fe;
+  --label-sky-02: #d2ebfe;
+  --label-sky-03: #b3ddfd;
+  --label-sky-04: #82c7fb;
+  --label-sky-05: #3ea8fa;
+  --label-sky-06: #0787e9;
+  --label-sky-07: #0570c1;
+  --label-sky-08: #055ea2;
+  --label-sky-09: #044d84;
+  --label-sky-10: #034273;
+  --label-sky: #4daffa;
+  --label-aqua-01: #d0fdf8;
+  --label-aqua-02: #89fbed;
+  --label-aqua-03: #09f3d7;
+  --label-aqua-04: #08d7be;
+  --label-aqua-05: #07b5a0;
+  --label-aqua-06: #059584;
+  --label-aqua-07: #047b6d;
+  --label-aqua-08: #04675c;
+  --label-aqua-09: #03554b;
+  --label-aqua-10: #034941;
+  --label-aqua: #74faea;
+  --label-green-01: #dbfdd6;
+  --label-green-02: #aefba3;
+  --label-green-03: #4bf733;
+  --label-green-04: #23de09;
+  --label-green-05: #1dbb07;
+  --label-green-06: #189a06;
+  --label-green-07: #147f05;
+  --label-green-08: #116b04;
+  --label-green-09: #0e5703;
+  --label-green-10: #0c4b03;
+  --label-green: #78f966;
+  --label-lime-01: #eafdb1;
+  --label-lime-02: #c4fa27;
+  --label-lime-03: #b0eb05;
+  --label-lime-04: #9dd105;
+  --label-lime-05: #83b004;
+  --label-lime-06: #6c9003;
+  --label-lime-07: #597703;
+  --label-lime-08: #4b6402;
+  --label-lime-09: #3d5202;
+  --label-lime-10: #354602;
+  --label-lime: #cffb50;
+  --label-yellow-01: #fdf6cc;
+  --label-yellow-02: #fbe97f;
+  --label-yellow-03: #f7d81c;
+  --label-yellow-04: #ddbf07;
+  --label-yellow-05: #baa006;
+  --label-yellow-06: #988405;
+  --label-yellow-07: #7f6d04;
+  --label-yellow-08: #6a5b04;
+  --label-yellow-09: #564a03;
+  --label-yellow-10: #4b4003;
+  --label-yellow: #f9e14e;
+  --label-orange-01: #fef3ee;
+  --label-orange-02: #fce4d9;
+  --label-orange-03: #fad0bb;
+  --label-orange-04: #f7af8d;
+  --label-orange-05: #f3834e;
+  --label-orange-06: #e55510;
+  --label-orange-07: #be470d;
+  --label-orange-08: #a03b0b;
+  --label-orange-09: #833009;
+  --label-orange-10: #712a08;
+  --label-orange: #f17032;
+}
+
+:root .dark-mode {
+  --label-amaranth-01: #23040c;
+  --label-amaranth-02: #3a0614;
+  --label-amaranth-03: #54091d;
+  --label-amaranth-04: #740c27;
+  --label-amaranth-05: #9e1036;
+  --label-amaranth-06: #ca1545;
+  --label-amaranth-07: #ea3262;
+  --label-amaranth-08: #ef6186;
+  --label-amaranth-09: #f386a3;
+  --label-amaranth-10: #f59cb3;
+  --label-amaranth: #ea3464;
+  --label-orchid-01: #1f041e;
+  --label-orchid-02: #340731;
+  --label-orchid-03: #4a0b47;
+  --label-orchid-04: #670f62;
+  --label-orchid-05: #8d1486;
+  --label-orchid-06: #b51aad;
+  --label-orchid-07: #db1fd1;
+  --label-orchid-08: #e653df;
+  --label-orchid-09: #ed7fe7;
+  --label-orchid-10: #f096eb;
+  --label-orchid: #e33bda;
+  --label-violet-01: #140234;
+  --label-violet-02: #230458;
+  --label-violet-03: #30057a;
+  --label-violet-04: #4207a9;
+  --label-violet-05: #590ae2;
+  --label-violet-06: #7c36f6;
+  --label-violet-07: #955bf8;
+  --label-violet-08: #a878f9;
+  --label-violet-09: #ba95fa;
+  --label-violet-10: #c6a6fb;
+  --label-violet: #782ff6;
+  --label-blue-01: #020b35;
+  --label-blue-02: #031155;
+  --label-blue-03: #05197b;
+  --label-blue-04: #0623aa;
+  --label-blue-05: #092fe8;
+  --label-blue-06: #3053f7;
+  --label-blue-07: #5571f9;
+  --label-blue-08: #7289fa;
+  --label-blue-09: #90a2fb;
+  --label-blue-10: #a2b1fc;
+  --label-blue: #0e36f6;
+  --label-sky-01: #01111d;
+  --label-sky-02: #011d33;
+  --label-sky-03: #022a48;
+  --label-sky-04: #033b66;
+  --label-sky-05: #04518d;
+  --label-sky-06: #0569b6;
+  --label-sky-07: #0680dd;
+  --label-sky-08: #1495f8;
+  --label-sky-09: #4caefa;
+  --label-sky-10: #6bbdfb;
+  --label-sky: #4daffa;
+  --label-aqua-01: #011210;
+  --label-aqua-02: #01201c;
+  --label-aqua-03: #022e28;
+  --label-aqua-04: #02413a;
+  --label-aqua-05: #035a4f;
+  --label-aqua-06: #047467;
+  --label-aqua-07: #058d7d;
+  --label-aqua-08: #06a391;
+  --label-aqua-09: #07bca7;
+  --label-aqua-10: #07cbb4;
+  --label-aqua: #74faea;
+  --label-green-01: #031201;
+  --label-green-02: #052101;
+  --label-green-03: #073002;
+  --label-green-04: #0b4303;
+  --label-green-05: #0f5c04;
+  --label-green-06: #137805;
+  --label-green-07: #179106;
+  --label-green-08: #1aa907;
+  --label-green-09: #1ec108;
+  --label-green-10: #21d208;
+  --label-green: #78f966;
+  --label-lime-01: #0c1000;
+  --label-lime-02: #161e01;
+  --label-lime-03: #212c01;
+  --label-lime-04: #2f3f01;
+  --label-lime-05: #415702;
+  --label-lime-06: #547003;
+  --label-lime-07: #668903;
+  --label-lime-08: #779e04;
+  --label-lime-09: #89b604;
+  --label-lime-10: #94c505;
+  --label-lime: #cffb50;
+  --label-yellow-01: #110e01;
+  --label-yellow-02: #201c01;
+  --label-yellow-03: #2e2802;
+  --label-yellow-04: #423902;
+  --label-yellow-05: #5c4f03;
+  --label-yellow-06: #776604;
+  --label-yellow-07: #917d05;
+  --label-yellow-08: #a89106;
+  --label-yellow-09: #c1a607;
+  --label-yellow-10: #d1b507;
+  --label-yellow: #f9e14e;
+  --label-orange-01: #1b0a02;
+  --label-orange-02: #321203;
+  --label-orange-03: #481b05;
+  --label-orange-04: #652507;
+  --label-orange-05: #8b3309;
+  --label-orange-06: #b3430c;
+  --label-orange-07: #d9510f;
+  --label-orange-08: #f06826;
+  --label-orange-09: #f48c5a;
+  --label-orange-10: #f6a178;
+  --label-orange: #f17032;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --label-amaranth-01: #23040c;
+    --label-amaranth-02: #3a0614;
+    --label-amaranth-03: #54091d;
+    --label-amaranth-04: #740c27;
+    --label-amaranth-05: #9e1036;
+    --label-amaranth-06: #ca1545;
+    --label-amaranth-07: #ea3262;
+    --label-amaranth-08: #ef6186;
+    --label-amaranth-09: #f386a3;
+    --label-amaranth-10: #f59cb3;
+    --label-amaranth: #ea3464;
+    --label-orchid-01: #1f041e;
+    --label-orchid-02: #340731;
+    --label-orchid-03: #4a0b47;
+    --label-orchid-04: #670f62;
+    --label-orchid-05: #8d1486;
+    --label-orchid-06: #b51aad;
+    --label-orchid-07: #db1fd1;
+    --label-orchid-08: #e653df;
+    --label-orchid-09: #ed7fe7;
+    --label-orchid-10: #f096eb;
+    --label-orchid: #e33bda;
+    --label-violet-01: #140234;
+    --label-violet-02: #230458;
+    --label-violet-03: #30057a;
+    --label-violet-04: #4207a9;
+    --label-violet-05: #590ae2;
+    --label-violet-06: #7c36f6;
+    --label-violet-07: #955bf8;
+    --label-violet-08: #a878f9;
+    --label-violet-09: #ba95fa;
+    --label-violet-10: #c6a6fb;
+    --label-violet: #782ff6;
+    --label-blue-01: #020b35;
+    --label-blue-02: #031155;
+    --label-blue-03: #05197b;
+    --label-blue-04: #0623aa;
+    --label-blue-05: #092fe8;
+    --label-blue-06: #3053f7;
+    --label-blue-07: #5571f9;
+    --label-blue-08: #7289fa;
+    --label-blue-09: #90a2fb;
+    --label-blue-10: #a2b1fc;
+    --label-blue: #0e36f6;
+    --label-sky-01: #01111d;
+    --label-sky-02: #011d33;
+    --label-sky-03: #022a48;
+    --label-sky-04: #033b66;
+    --label-sky-05: #04518d;
+    --label-sky-06: #0569b6;
+    --label-sky-07: #0680dd;
+    --label-sky-08: #1495f8;
+    --label-sky-09: #4caefa;
+    --label-sky-10: #6bbdfb;
+    --label-sky: #4daffa;
+    --label-aqua-01: #011210;
+    --label-aqua-02: #01201c;
+    --label-aqua-03: #022e28;
+    --label-aqua-04: #02413a;
+    --label-aqua-05: #035a4f;
+    --label-aqua-06: #047467;
+    --label-aqua-07: #058d7d;
+    --label-aqua-08: #06a391;
+    --label-aqua-09: #07bca7;
+    --label-aqua-10: #07cbb4;
+    --label-aqua: #74faea;
+    --label-green-01: #031201;
+    --label-green-02: #052101;
+    --label-green-03: #073002;
+    --label-green-04: #0b4303;
+    --label-green-05: #0f5c04;
+    --label-green-06: #137805;
+    --label-green-07: #179106;
+    --label-green-08: #1aa907;
+    --label-green-09: #1ec108;
+    --label-green-10: #21d208;
+    --label-green: #78f966;
+    --label-lime-01: #0c1000;
+    --label-lime-02: #161e01;
+    --label-lime-03: #212c01;
+    --label-lime-04: #2f3f01;
+    --label-lime-05: #415702;
+    --label-lime-06: #547003;
+    --label-lime-07: #668903;
+    --label-lime-08: #779e04;
+    --label-lime-09: #89b604;
+    --label-lime-10: #94c505;
+    --label-lime: #cffb50;
+    --label-yellow-01: #110e01;
+    --label-yellow-02: #201c01;
+    --label-yellow-03: #2e2802;
+    --label-yellow-04: #423902;
+    --label-yellow-05: #5c4f03;
+    --label-yellow-06: #776604;
+    --label-yellow-07: #917d05;
+    --label-yellow-08: #a89106;
+    --label-yellow-09: #c1a607;
+    --label-yellow-10: #d1b507;
+    --label-yellow: #f9e14e;
+    --label-orange-01: #1b0a02;
+    --label-orange-02: #321203;
+    --label-orange-03: #481b05;
+    --label-orange-04: #652507;
+    --label-orange-05: #8b3309;
+    --label-orange-06: #b3430c;
+    --label-orange-07: #d9510f;
+    --label-orange-08: #f06826;
+    --label-orange-09: #f48c5a;
+    --label-orange-10: #f6a178;
+    --label-orange: #f17032;
+  }
+}

package/dist/css/colors-rgb-brand-synbee.css

@@ -0,0 +1,82 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Thu, 10 Feb 2022 15:13:14 GMT
+*/
+
+:root {
+  --brand-synbee-eolo-01: 242, 244, 249;
+  --brand-synbee-eolo-02: 225, 232, 242;
+  --brand-synbee-eolo-03: 206, 217, 235;
+  --brand-synbee-eolo-04: 177, 193, 222;
+  --brand-synbee-eolo-05: 138, 162, 206;
+  --brand-synbee-eolo-06: 100, 133, 190;
+  --brand-synbee-eolo-07: 73, 109, 173;
+  --brand-synbee-eolo-08: 61, 91, 145;
+  --brand-synbee-eolo-09: 50, 75, 118;
+  --brand-synbee-eolo-10: 43, 64, 102;
+  --brand-synbee-eolo: 89, 124, 185;
+  --brand-synbee-01: 255, 245, 212;
+  --brand-synbee-02: 255, 231, 152;
+  --brand-synbee-03: 255, 212, 71;
+  --brand-synbee-04: 239, 184, 0;
+  --brand-synbee-05: 201, 155, 0;
+  --brand-synbee-06: 166, 127, 0;
+  --brand-synbee-07: 137, 105, 0;
+  --brand-synbee-08: 115, 88, 0;
+  --brand-synbee-09: 93, 72, 0;
+  --brand-synbee-10: 81, 62, 0;
+  --brand-synbee: 255, 207, 48;
+}
+
+:root .dark-mode {
+  --brand-synbee-eolo-01: 10, 15, 23;
+  --brand-synbee-eolo-02: 18, 28, 44;
+  --brand-synbee-eolo-03: 27, 40, 64;
+  --brand-synbee-eolo-04: 38, 57, 90;
+  --brand-synbee-eolo-05: 53, 79, 125;
+  --brand-synbee-eolo-06: 69, 103, 163;
+  --brand-synbee-eolo-07: 91, 126, 186;
+  --brand-synbee-eolo-08: 117, 146, 197;
+  --brand-synbee-eolo-09: 145, 168, 209;
+  --brand-synbee-eolo-10: 163, 182, 216;
+  --brand-synbee-eolo: 89, 124, 185;
+  --brand-synbee-01: 19, 15, 0;
+  --brand-synbee-02: 35, 27, 0;
+  --brand-synbee-03: 51, 39, 0;
+  --brand-synbee-04: 72, 55, 0;
+  --brand-synbee-05: 100, 76, 0;
+  --brand-synbee-06: 129, 99, 0;
+  --brand-synbee-07: 157, 120, 0;
+  --brand-synbee-08: 182, 139, 0;
+  --brand-synbee-09: 209, 160, 0;
+  --brand-synbee-10: 226, 174, 0;
+  --brand-synbee: 255, 207, 48;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-synbee-eolo-01: 10, 15, 23;
+    --brand-synbee-eolo-02: 18, 28, 44;
+    --brand-synbee-eolo-03: 27, 40, 64;
+    --brand-synbee-eolo-04: 38, 57, 90;
+    --brand-synbee-eolo-05: 53, 79, 125;
+    --brand-synbee-eolo-06: 69, 103, 163;
+    --brand-synbee-eolo-07: 91, 126, 186;
+    --brand-synbee-eolo-08: 117, 146, 197;
+    --brand-synbee-eolo-09: 145, 168, 209;
+    --brand-synbee-eolo-10: 163, 182, 216;
+    --brand-synbee-eolo: 89, 124, 185;
+    --brand-synbee-01: 19, 15, 0;
+    --brand-synbee-02: 35, 27, 0;
+    --brand-synbee-03: 51, 39, 0;
+    --brand-synbee-04: 72, 55, 0;
+    --brand-synbee-05: 100, 76, 0;
+    --brand-synbee-06: 129, 99, 0;
+    --brand-synbee-07: 157, 120, 0;
+    --brand-synbee-08: 182, 139, 0;
+    --brand-synbee-09: 209, 160, 0;
+    --brand-synbee-10: 226, 174, 0;
+    --brand-synbee: 255, 207, 48;
+  }
+}

package/dist/css/colors-rgb-brand.css

@@ -0,0 +1,49 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Thu, 10 Feb 2022 15:13:14 GMT
+*/
+
+:root {
+  --brand-maggioli-01: 245, 245, 246;
+  --brand-maggioli-02: 229, 232, 236;
+  --brand-maggioli-03: 211, 217, 228;
+  --brand-maggioli-04: 178, 193, 220;
+  --brand-maggioli-05: 132, 162, 218;
+  --brand-maggioli-06: 81, 131, 223;
+  --brand-maggioli-07: 31, 101, 232;
+  --brand-maggioli-08: 10, 80, 212;
+  --brand-maggioli-09: 2, 64, 180;
+  --brand-maggioli-10: 0, 55, 158;
+  --brand-maggioli: 0, 55, 158;
+}
+
+:root .dark-mode {
+  --brand-maggioli-01: 11, 15, 23;
+  --brand-maggioli-02: 12, 27, 56;
+  --brand-maggioli-03: 7, 37, 93;
+  --brand-maggioli-04: 1, 49, 140;
+  --brand-maggioli-05: 3, 68, 190;
+  --brand-maggioli-06: 19, 92, 230;
+  --brand-maggioli-07: 68, 122, 225;
+  --brand-maggioli-08: 106, 145, 220;
+  --brand-maggioli-09: 142, 168, 218;
+  --brand-maggioli-10: 163, 182, 219;
+  --brand-maggioli: 0, 55, 158;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-maggioli-01: 11, 15, 23;
+    --brand-maggioli-02: 12, 27, 56;
+    --brand-maggioli-03: 7, 37, 93;
+    --brand-maggioli-04: 1, 49, 140;
+    --brand-maggioli-05: 3, 68, 190;
+    --brand-maggioli-06: 19, 92, 230;
+    --brand-maggioli-07: 68, 122, 225;
+    --brand-maggioli-08: 106, 145, 220;
+    --brand-maggioli-09: 142, 168, 218;
+    --brand-maggioli-10: 163, 182, 219;
+    --brand-maggioli: 0, 55, 158;
+  }
+}