@maggioli-design-system/styles 6.1.0 → 6.3.2

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

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

package/dist/css/colors-brand.css

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

package/dist/css/colors-label.css

@@ -0,0 +1,346 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 10:42:02 GMT
+*/
+
+:root {
+  --label-amaranth-01: #810d2c;
+  --label-amaranth-02: #960f33;
+  --label-amaranth-03: #b5133e;
+  --label-amaranth-04: #d61649;
+  --label-amaranth-05: #ec4571;
+  --label-amaranth-06: #f27d9b;
+  --label-amaranth-07: #f6abbf;
+  --label-amaranth-08: #facdd9;
+  --label-amaranth-09: #fce1e8;
+  --label-amaranth-10: #fef2f5;
+  --label-amaranth: #ea3464;
+  --label-orchid-01: #73106e;
+  --label-orchid-02: #85137f;
+  --label-orchid-03: #a2179a;
+  --label-orchid-04: #c01bb7;
+  --label-orchid-05: #e231d8;
+  --label-orchid-06: #eb74e5;
+  --label-orchid-07: #f2a7ee;
+  --label-orchid-08: #f7caf5;
+  --label-orchid-09: #fbe1f9;
+  --label-orchid-10: #fdf1fc;
+  --label-orchid: #e33bda;
+  --label-violet-01: #4908ba;
+  --label-violet-02: #5509d6;
+  --label-violet-03: #6c1df5;
+  --label-violet-04: #8441f7;
+  --label-violet-05: #9b66f8;
+  --label-violet-06: #b58dfa;
+  --label-violet-07: #ceb3fc;
+  --label-violet-08: #e1d1fd;
+  --label-violet-09: #ede3fe;
+  --label-violet-10: #f7f2fe;
+  --label-violet: #782ff6;
+  --label-blue-01: #0727bd;
+  --label-blue-02: #082cdb;
+  --label-blue-03: #1b40f6;
+  --label-blue-04: #3c5df8;
+  --label-blue-05: #607af9;
+  --label-blue-06: #889bfb;
+  --label-blue-07: #b0bdfc;
+  --label-blue-08: #cfd7fd;
+  --label-blue-09: #e3e7fe;
+  --label-blue-10: #f3f5ff;
+  --label-blue: #0e36f6;
+  --label-sky-01: #034273;
+  --label-sky-02: #044d84;
+  --label-sky-03: #055ea2;
+  --label-sky-04: #0570c1;
+  --label-sky-05: #0787e9;
+  --label-sky-06: #3ea8fa;
+  --label-sky-07: #82c7fb;
+  --label-sky-08: #b3ddfd;
+  --label-sky-09: #d2ebfe;
+  --label-sky-10: #edf7fe;
+  --label-sky: #4daffa;
+  --label-aqua-01: #034941;
+  --label-aqua-02: #03554b;
+  --label-aqua-03: #04675c;
+  --label-aqua-04: #047b6d;
+  --label-aqua-05: #059584;
+  --label-aqua-06: #07b5a0;
+  --label-aqua-07: #08d7be;
+  --label-aqua-08: #09f3d7;
+  --label-aqua-09: #89fbed;
+  --label-aqua-10: #d0fdf8;
+  --label-aqua: #74faea;
+  --label-green-01: #0c4b03;
+  --label-green-02: #0e5703;
+  --label-green-03: #116b04;
+  --label-green-04: #147f05;
+  --label-green-05: #189a06;
+  --label-green-06: #1dbb07;
+  --label-green-07: #23de09;
+  --label-green-08: #4bf733;
+  --label-green-09: #aefba3;
+  --label-green-10: #dbfdd6;
+  --label-green: #78f966;
+  --label-lime-01: #354602;
+  --label-lime-02: #3d5202;
+  --label-lime-03: #4b6402;
+  --label-lime-04: #597703;
+  --label-lime-05: #6c9003;
+  --label-lime-06: #83b004;
+  --label-lime-07: #9dd105;
+  --label-lime-08: #b0eb05;
+  --label-lime-09: #c4fa27;
+  --label-lime-10: #eafdb1;
+  --label-lime: #cffb50;
+  --label-yellow-01: #4b4003;
+  --label-yellow-02: #564a03;
+  --label-yellow-03: #6a5b04;
+  --label-yellow-04: #7f6d04;
+  --label-yellow-05: #988405;
+  --label-yellow-06: #baa006;
+  --label-yellow-07: #ddbf07;
+  --label-yellow-08: #f7d81c;
+  --label-yellow-09: #fbe97f;
+  --label-yellow-10: #fdf6cc;
+  --label-yellow: #f9e14e;
+  --label-orange-01: #712a08;
+  --label-orange-02: #833009;
+  --label-orange-03: #a03b0b;
+  --label-orange-04: #be470d;
+  --label-orange-05: #e55510;
+  --label-orange-06: #f3834e;
+  --label-orange-07: #f7af8d;
+  --label-orange-08: #fad0bb;
+  --label-orange-09: #fce4d9;
+  --label-orange-10: #fef3ee;
+  --label-orange: #f17032;
+}
+
+:root .dark-mode {
+  --label-amaranth-01: #f59cb3;
+  --label-amaranth-02: #f386a3;
+  --label-amaranth-03: #ef6186;
+  --label-amaranth-04: #ea3262;
+  --label-amaranth-05: #ca1545;
+  --label-amaranth-06: #9e1036;
+  --label-amaranth-07: #740c27;
+  --label-amaranth-08: #54091d;
+  --label-amaranth-09: #3a0614;
+  --label-amaranth-10: #23040c;
+  --label-amaranth: #ea3464;
+  --label-orchid-01: #f096eb;
+  --label-orchid-02: #ed7fe7;
+  --label-orchid-03: #e653df;
+  --label-orchid-04: #db1fd1;
+  --label-orchid-05: #b51aad;
+  --label-orchid-06: #8d1486;
+  --label-orchid-07: #670f62;
+  --label-orchid-08: #4a0b47;
+  --label-orchid-09: #340731;
+  --label-orchid-10: #1f041e;
+  --label-orchid: #e33bda;
+  --label-violet-01: #c6a6fb;
+  --label-violet-02: #ba95fa;
+  --label-violet-03: #a878f9;
+  --label-violet-04: #955bf8;
+  --label-violet-05: #7c36f6;
+  --label-violet-06: #590ae2;
+  --label-violet-07: #4207a9;
+  --label-violet-08: #30057a;
+  --label-violet-09: #230458;
+  --label-violet-10: #140234;
+  --label-violet: #782ff6;
+  --label-blue-01: #a2b1fc;
+  --label-blue-02: #90a2fb;
+  --label-blue-03: #7289fa;
+  --label-blue-04: #5571f9;
+  --label-blue-05: #3053f7;
+  --label-blue-06: #092fe8;
+  --label-blue-07: #0623aa;
+  --label-blue-08: #05197b;
+  --label-blue-09: #031155;
+  --label-blue-10: #020b35;
+  --label-blue: #0e36f6;
+  --label-sky-01: #6bbdfb;
+  --label-sky-02: #4caefa;
+  --label-sky-03: #1495f8;
+  --label-sky-04: #0680dd;
+  --label-sky-05: #0569b6;
+  --label-sky-06: #04518d;
+  --label-sky-07: #033b66;
+  --label-sky-08: #022a48;
+  --label-sky-09: #011d33;
+  --label-sky-10: #01111d;
+  --label-sky: #4daffa;
+  --label-aqua-01: #07cbb4;
+  --label-aqua-02: #07bca7;
+  --label-aqua-03: #06a391;
+  --label-aqua-04: #058d7d;
+  --label-aqua-05: #047467;
+  --label-aqua-06: #035a4f;
+  --label-aqua-07: #02413a;
+  --label-aqua-08: #022e28;
+  --label-aqua-09: #01201c;
+  --label-aqua-10: #011210;
+  --label-aqua: #74faea;
+  --label-green-01: #21d208;
+  --label-green-02: #1ec108;
+  --label-green-03: #1aa907;
+  --label-green-04: #179106;
+  --label-green-05: #137805;
+  --label-green-06: #0f5c04;
+  --label-green-07: #0b4303;
+  --label-green-08: #073002;
+  --label-green-09: #052101;
+  --label-green-10: #031201;
+  --label-green: #78f966;
+  --label-lime-01: #94c505;
+  --label-lime-02: #89b604;
+  --label-lime-03: #779e04;
+  --label-lime-04: #668903;
+  --label-lime-05: #547003;
+  --label-lime-06: #415702;
+  --label-lime-07: #2f3f01;
+  --label-lime-08: #212c01;
+  --label-lime-09: #161e01;
+  --label-lime-10: #0c1000;
+  --label-lime: #cffb50;
+  --label-yellow-01: #d1b507;
+  --label-yellow-02: #c1a607;
+  --label-yellow-03: #a89106;
+  --label-yellow-04: #917d05;
+  --label-yellow-05: #776604;
+  --label-yellow-06: #5c4f03;
+  --label-yellow-07: #423902;
+  --label-yellow-08: #2e2802;
+  --label-yellow-09: #201c01;
+  --label-yellow-10: #110e01;
+  --label-yellow: #f9e14e;
+  --label-orange-01: #f6a178;
+  --label-orange-02: #f48c5a;
+  --label-orange-03: #f06826;
+  --label-orange-04: #d9510f;
+  --label-orange-05: #b3430c;
+  --label-orange-06: #8b3309;
+  --label-orange-07: #652507;
+  --label-orange-08: #481b05;
+  --label-orange-09: #321203;
+  --label-orange-10: #1b0a02;
+  --label-orange: #f17032;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --label-amaranth-01: #f59cb3;
+    --label-amaranth-02: #f386a3;
+    --label-amaranth-03: #ef6186;
+    --label-amaranth-04: #ea3262;
+    --label-amaranth-05: #ca1545;
+    --label-amaranth-06: #9e1036;
+    --label-amaranth-07: #740c27;
+    --label-amaranth-08: #54091d;
+    --label-amaranth-09: #3a0614;
+    --label-amaranth-10: #23040c;
+    --label-amaranth: #ea3464;
+    --label-orchid-01: #f096eb;
+    --label-orchid-02: #ed7fe7;
+    --label-orchid-03: #e653df;
+    --label-orchid-04: #db1fd1;
+    --label-orchid-05: #b51aad;
+    --label-orchid-06: #8d1486;
+    --label-orchid-07: #670f62;
+    --label-orchid-08: #4a0b47;
+    --label-orchid-09: #340731;
+    --label-orchid-10: #1f041e;
+    --label-orchid: #e33bda;
+    --label-violet-01: #c6a6fb;
+    --label-violet-02: #ba95fa;
+    --label-violet-03: #a878f9;
+    --label-violet-04: #955bf8;
+    --label-violet-05: #7c36f6;
+    --label-violet-06: #590ae2;
+    --label-violet-07: #4207a9;
+    --label-violet-08: #30057a;
+    --label-violet-09: #230458;
+    --label-violet-10: #140234;
+    --label-violet: #782ff6;
+    --label-blue-01: #a2b1fc;
+    --label-blue-02: #90a2fb;
+    --label-blue-03: #7289fa;
+    --label-blue-04: #5571f9;
+    --label-blue-05: #3053f7;
+    --label-blue-06: #092fe8;
+    --label-blue-07: #0623aa;
+    --label-blue-08: #05197b;
+    --label-blue-09: #031155;
+    --label-blue-10: #020b35;
+    --label-blue: #0e36f6;
+    --label-sky-01: #6bbdfb;
+    --label-sky-02: #4caefa;
+    --label-sky-03: #1495f8;
+    --label-sky-04: #0680dd;
+    --label-sky-05: #0569b6;
+    --label-sky-06: #04518d;
+    --label-sky-07: #033b66;
+    --label-sky-08: #022a48;
+    --label-sky-09: #011d33;
+    --label-sky-10: #01111d;
+    --label-sky: #4daffa;
+    --label-aqua-01: #07cbb4;
+    --label-aqua-02: #07bca7;
+    --label-aqua-03: #06a391;
+    --label-aqua-04: #058d7d;
+    --label-aqua-05: #047467;
+    --label-aqua-06: #035a4f;
+    --label-aqua-07: #02413a;
+    --label-aqua-08: #022e28;
+    --label-aqua-09: #01201c;
+    --label-aqua-10: #011210;
+    --label-aqua: #74faea;
+    --label-green-01: #21d208;
+    --label-green-02: #1ec108;
+    --label-green-03: #1aa907;
+    --label-green-04: #179106;
+    --label-green-05: #137805;
+    --label-green-06: #0f5c04;
+    --label-green-07: #0b4303;
+    --label-green-08: #073002;
+    --label-green-09: #052101;
+    --label-green-10: #031201;
+    --label-green: #78f966;
+    --label-lime-01: #94c505;
+    --label-lime-02: #89b604;
+    --label-lime-03: #779e04;
+    --label-lime-04: #668903;
+    --label-lime-05: #547003;
+    --label-lime-06: #415702;
+    --label-lime-07: #2f3f01;
+    --label-lime-08: #212c01;
+    --label-lime-09: #161e01;
+    --label-lime-10: #0c1000;
+    --label-lime: #cffb50;
+    --label-yellow-01: #d1b507;
+    --label-yellow-02: #c1a607;
+    --label-yellow-03: #a89106;
+    --label-yellow-04: #917d05;
+    --label-yellow-05: #776604;
+    --label-yellow-06: #5c4f03;
+    --label-yellow-07: #423902;
+    --label-yellow-08: #2e2802;
+    --label-yellow-09: #201c01;
+    --label-yellow-10: #110e01;
+    --label-yellow: #f9e14e;
+    --label-orange-01: #f6a178;
+    --label-orange-02: #f48c5a;
+    --label-orange-03: #f06826;
+    --label-orange-04: #d9510f;
+    --label-orange-05: #b3430c;
+    --label-orange-06: #8b3309;
+    --label-orange-07: #652507;
+    --label-orange-08: #481b05;
+    --label-orange-09: #321203;
+    --label-orange-10: #1b0a02;
+    --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 Tue, 15 Feb 2022 10:42:02 GMT
+*/
+
+:root {
+  --brand-synbee-eolo-01: 43, 64, 102;
+  --brand-synbee-eolo-02: 50, 75, 118;
+  --brand-synbee-eolo-03: 61, 91, 145;
+  --brand-synbee-eolo-04: 73, 109, 173;
+  --brand-synbee-eolo-05: 100, 133, 190;
+  --brand-synbee-eolo-06: 138, 162, 206;
+  --brand-synbee-eolo-07: 177, 193, 222;
+  --brand-synbee-eolo-08: 206, 217, 235;
+  --brand-synbee-eolo-09: 225, 232, 242;
+  --brand-synbee-eolo-10: 242, 244, 249;
+  --brand-synbee-eolo: 89, 124, 185;
+  --brand-synbee-01: 81, 62, 0;
+  --brand-synbee-02: 93, 72, 0;
+  --brand-synbee-03: 115, 88, 0;
+  --brand-synbee-04: 137, 105, 0;
+  --brand-synbee-05: 166, 127, 0;
+  --brand-synbee-06: 201, 155, 0;
+  --brand-synbee-07: 239, 184, 0;
+  --brand-synbee-08: 255, 212, 71;
+  --brand-synbee-09: 255, 231, 152;
+  --brand-synbee-10: 255, 245, 212;
+  --brand-synbee: 255, 207, 48;
+}
+
+:root .dark-mode {
+  --brand-synbee-eolo-01: 163, 182, 216;
+  --brand-synbee-eolo-02: 145, 168, 209;
+  --brand-synbee-eolo-03: 117, 146, 197;
+  --brand-synbee-eolo-04: 91, 126, 186;
+  --brand-synbee-eolo-05: 69, 103, 163;
+  --brand-synbee-eolo-06: 53, 79, 125;
+  --brand-synbee-eolo-07: 38, 57, 90;
+  --brand-synbee-eolo-08: 27, 40, 64;
+  --brand-synbee-eolo-09: 18, 28, 44;
+  --brand-synbee-eolo-10: 10, 15, 23;
+  --brand-synbee-eolo: 89, 124, 185;
+  --brand-synbee-01: 226, 174, 0;
+  --brand-synbee-02: 209, 160, 0;
+  --brand-synbee-03: 182, 139, 0;
+  --brand-synbee-04: 157, 120, 0;
+  --brand-synbee-05: 129, 99, 0;
+  --brand-synbee-06: 100, 76, 0;
+  --brand-synbee-07: 72, 55, 0;
+  --brand-synbee-08: 51, 39, 0;
+  --brand-synbee-09: 35, 27, 0;
+  --brand-synbee-10: 19, 15, 0;
+  --brand-synbee: 255, 207, 48;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-synbee-eolo-01: 163, 182, 216;
+    --brand-synbee-eolo-02: 145, 168, 209;
+    --brand-synbee-eolo-03: 117, 146, 197;
+    --brand-synbee-eolo-04: 91, 126, 186;
+    --brand-synbee-eolo-05: 69, 103, 163;
+    --brand-synbee-eolo-06: 53, 79, 125;
+    --brand-synbee-eolo-07: 38, 57, 90;
+    --brand-synbee-eolo-08: 27, 40, 64;
+    --brand-synbee-eolo-09: 18, 28, 44;
+    --brand-synbee-eolo-10: 10, 15, 23;
+    --brand-synbee-eolo: 89, 124, 185;
+    --brand-synbee-01: 226, 174, 0;
+    --brand-synbee-02: 209, 160, 0;
+    --brand-synbee-03: 182, 139, 0;
+    --brand-synbee-04: 157, 120, 0;
+    --brand-synbee-05: 129, 99, 0;
+    --brand-synbee-06: 100, 76, 0;
+    --brand-synbee-07: 72, 55, 0;
+    --brand-synbee-08: 51, 39, 0;
+    --brand-synbee-09: 35, 27, 0;
+    --brand-synbee-10: 19, 15, 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 Tue, 15 Feb 2022 10:42:02 GMT
+*/
+
+:root {
+  --brand-maggioli-01: 0, 55, 158;
+  --brand-maggioli-02: 2, 64, 180;
+  --brand-maggioli-03: 10, 80, 212;
+  --brand-maggioli-04: 31, 101, 232;
+  --brand-maggioli-05: 81, 131, 223;
+  --brand-maggioli-06: 132, 162, 218;
+  --brand-maggioli-07: 178, 193, 220;
+  --brand-maggioli-08: 211, 217, 228;
+  --brand-maggioli-09: 229, 232, 236;
+  --brand-maggioli-10: 245, 245, 246;
+  --brand-maggioli: 0, 55, 158;
+}
+
+:root .dark-mode {
+  --brand-maggioli-01: 163, 182, 219;
+  --brand-maggioli-02: 142, 168, 218;
+  --brand-maggioli-03: 106, 145, 220;
+  --brand-maggioli-04: 68, 122, 225;
+  --brand-maggioli-05: 19, 92, 230;
+  --brand-maggioli-06: 3, 68, 190;
+  --brand-maggioli-07: 1, 49, 140;
+  --brand-maggioli-08: 7, 37, 93;
+  --brand-maggioli-09: 12, 27, 56;
+  --brand-maggioli-10: 11, 15, 23;
+  --brand-maggioli: 0, 55, 158;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --brand-maggioli-01: 163, 182, 219;
+    --brand-maggioli-02: 142, 168, 218;
+    --brand-maggioli-03: 106, 145, 220;
+    --brand-maggioli-04: 68, 122, 225;
+    --brand-maggioli-05: 19, 92, 230;
+    --brand-maggioli-06: 3, 68, 190;
+    --brand-maggioli-07: 1, 49, 140;
+    --brand-maggioli-08: 7, 37, 93;
+    --brand-maggioli-09: 12, 27, 56;
+    --brand-maggioli-10: 11, 15, 23;
+    --brand-maggioli: 0, 55, 158;
+  }
+}