@maggioli-design-system/styles 6.1.0 → 6.3.2

package/dist/css/colors-rgb.css

@@ -1,7 +1,7 @@
 /*
 Generated by Style Dictionary
 Do not edit directly
-Generated at Thu, 20 Jan 2022 08:54:07 GMT
+Generated at Tue, 15 Feb 2022 10:42:02 GMT
 */
 
 :root {
@@ -16,6 +16,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
   --adjust-tone-09: 243, 243, 243;
   --adjust-tone-10: 249, 249, 249;
   --adjust-tone: 255, 255, 255;
+  --tone-slate-01: 28, 34, 42;
+  --tone-slate-02: 33, 41, 50;
+  --tone-slate-03: 54, 65, 81;
+  --tone-slate-04: 71, 85, 106;
+  --tone-slate-05: 95, 115, 143;
+  --tone-slate-06: 149, 164, 184;
+  --tone-slate-07: 206, 213, 223;
+  --tone-slate-08: 228, 231, 237;
+  --tone-slate-09: 243, 244, 247;
+  --tone-slate-10: 248, 249, 250;
+  --tone-slate: 255, 255, 255;
+  --tone-grey-01: 31, 34, 38;
+  --tone-grey-02: 37, 40, 46;
+  --tone-grey-03: 59, 64, 73;
+  --tone-grey-04: 78, 84, 96;
+  --tone-grey-05: 105, 114, 130;
+  --tone-grey-06: 156, 163, 175;
+  --tone-grey-07: 210, 213, 218;
+  --tone-grey-08: 229, 231, 234;
+  --tone-grey-09: 243, 244, 246;
+  --tone-grey-10: 248, 249, 249;
+  --tone-grey: 255, 255, 255;
+  --tone-zinc-01: 33, 33, 37;
+  --tone-zinc-02: 40, 40, 44;
+  --tone-zinc-03: 64, 64, 70;
+  --tone-zinc-04: 83, 83, 92;
+  --tone-zinc-05: 112, 112, 124;
+  --tone-zinc-06: 161, 161, 170;
+  --tone-zinc-07: 212, 212, 216;
+  --tone-zinc-08: 230, 230, 232;
+  --tone-zinc-09: 244, 244, 245;
+  --tone-zinc-10: 248, 248, 249;
+  --tone-zinc: 255, 255, 255;
+  --tone-neutral-01: 33, 33, 33;
+  --tone-neutral-02: 40, 40, 40;
+  --tone-neutral-03: 65, 65, 65;
+  --tone-neutral-04: 84, 84, 84;
+  --tone-neutral-05: 113, 113, 113;
+  --tone-neutral-06: 162, 162, 162;
+  --tone-neutral-07: 213, 213, 213;
+  --tone-neutral-08: 231, 231, 231;
+  --tone-neutral-09: 244, 244, 244;
+  --tone-neutral-10: 248, 248, 248;
+  --tone-neutral: 255, 255, 255;
+  --tone-stone-01: 35, 33, 32;
+  --tone-stone-02: 42, 40, 38;
+  --tone-stone-03: 68, 63, 61;
+  --tone-stone-04: 89, 83, 80;
+  --tone-stone-05: 120, 112, 108;
+  --tone-stone-06: 167, 161, 156;
+  --tone-stone-07: 215, 212, 210;
+  --tone-stone-08: 231, 230, 229;
+  --tone-stone-09: 245, 244, 244;
+  --tone-stone-10: 249, 248, 248;
+  --tone-stone: 255, 255, 255;
   --brand-maggioli-01: 0, 55, 158;
   --brand-maggioli-02: 2, 64, 180;
   --brand-maggioli-03: 10, 80, 212;
@@ -38,17 +93,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
   --brand-synbee-eolo-09: 225, 232, 242;
   --brand-synbee-eolo-10: 242, 244, 249;
   --brand-synbee-eolo: 89, 124, 185;
-  --brand-synbee-01: 80, 63, 0;
-  --brand-synbee-02: 92, 72, 0;
-  --brand-synbee-03: 113, 89, 0;
-  --brand-synbee-04: 135, 106, 0;
-  --brand-synbee-05: 163, 128, 0;
-  --brand-synbee-06: 199, 156, 0;
-  --brand-synbee-07: 236, 185, 0;
-  --brand-synbee-08: 255, 213, 59;
-  --brand-synbee-09: 255, 231, 145;
-  --brand-synbee-10: 255, 245, 209;
-  --brand-synbee: 255, 207, 33;
+  --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;
   --status-info-01: 12, 70, 90;
   --status-info-02: 14, 81, 104;
   --status-info-03: 17, 99, 127;
@@ -217,6 +272,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
   --adjust-tone-09: 16, 16, 16;
   --adjust-tone-10: 8, 8, 8;
   --adjust-tone: 0, 0, 0;
+  --tone-slate-01: 221, 225, 232;
+  --tone-slate-02: 210, 217, 225;
+  --tone-slate-03: 171, 182, 199;
+  --tone-slate-04: 140, 156, 179;
+  --tone-slate-05: 101, 123, 152;
+  --tone-slate-06: 66, 79, 99;
+  --tone-slate-07: 36, 43, 54;
+  --tone-slate-08: 24, 29, 36;
+  --tone-slate-09: 14, 17, 21;
+  --tone-slate-10: 6, 8, 9;
+  --tone-slate: 0, 0, 0;
+  --tone-grey-01: 222, 225, 229;
+  --tone-grey-02: 213, 216, 221;
+  --tone-grey-03: 177, 182, 192;
+  --tone-grey-04: 148, 155, 168;
+  --tone-grey-05: 112, 122, 138;
+  --tone-grey-06: 73, 79, 90;
+  --tone-grey-07: 40, 43, 49;
+  --tone-grey-08: 27, 29, 33;
+  --tone-grey-09: 14, 15, 17;
+  --tone-grey-10: 7, 8, 9;
+  --tone-grey: 0, 0, 0;
+  --tone-zinc-01: 224, 224, 227;
+  --tone-zinc-02: 216, 216, 219;
+  --tone-zinc-03: 181, 181, 189;
+  --tone-zinc-04: 154, 154, 164;
+  --tone-zinc-05: 120, 120, 133;
+  --tone-zinc-06: 78, 78, 86;
+  --tone-zinc-07: 42, 42, 47;
+  --tone-zinc-08: 28, 28, 31;
+  --tone-zinc-09: 15, 15, 16;
+  --tone-zinc-10: 9, 9, 10;
+  --tone-zinc: 0, 0, 0;
+  --tone-neutral-01: 224, 224, 224;
+  --tone-neutral-02: 215, 215, 215;
+  --tone-neutral-03: 181, 181, 181;
+  --tone-neutral-04: 155, 155, 155;
+  --tone-neutral-05: 122, 122, 122;
+  --tone-neutral-06: 78, 78, 78;
+  --tone-neutral-07: 43, 43, 43;
+  --tone-neutral-08: 29, 29, 29;
+  --tone-neutral-09: 15, 15, 15;
+  --tone-neutral-10: 8, 8, 8;
+  --tone-neutral: 0, 0, 0;
+  --tone-stone-01: 226, 224, 223;
+  --tone-stone-02: 218, 215, 214;
+  --tone-stone-03: 185, 181, 177;
+  --tone-stone-04: 160, 154, 150;
+  --tone-stone-05: 127, 120, 114;
+  --tone-stone-06: 83, 77, 74;
+  --tone-stone-07: 45, 42, 40;
+  --tone-stone-08: 30, 28, 27;
+  --tone-stone-09: 16, 15, 14;
+  --tone-stone-10: 8, 8, 7;
+  --tone-stone: 0, 0, 0;
   --brand-maggioli-01: 163, 182, 219;
   --brand-maggioli-02: 142, 168, 218;
   --brand-maggioli-03: 106, 145, 220;
@@ -239,17 +349,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
   --brand-synbee-eolo-09: 18, 28, 44;
   --brand-synbee-eolo-10: 10, 15, 23;
   --brand-synbee-eolo: 89, 124, 185;
-  --brand-synbee-01: 224, 175, 0;
-  --brand-synbee-02: 206, 161, 0;
-  --brand-synbee-03: 179, 140, 0;
-  --brand-synbee-04: 155, 121, 0;
-  --brand-synbee-05: 127, 99, 0;
-  --brand-synbee-06: 98, 77, 0;
-  --brand-synbee-07: 71, 56, 0;
-  --brand-synbee-08: 50, 39, 0;
-  --brand-synbee-09: 34, 27, 0;
+  --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, 33;
+  --brand-synbee: 255, 207, 48;
   --status-info-01: 82, 194, 231;
   --status-info-02: 42, 180, 226;
   --status-info-03: 27, 157, 200;
@@ -419,6 +529,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
     --adjust-tone-09: 16, 16, 16;
     --adjust-tone-10: 8, 8, 8;
     --adjust-tone: 0, 0, 0;
+    --tone-slate-01: 221, 225, 232;
+    --tone-slate-02: 210, 217, 225;
+    --tone-slate-03: 171, 182, 199;
+    --tone-slate-04: 140, 156, 179;
+    --tone-slate-05: 101, 123, 152;
+    --tone-slate-06: 66, 79, 99;
+    --tone-slate-07: 36, 43, 54;
+    --tone-slate-08: 24, 29, 36;
+    --tone-slate-09: 14, 17, 21;
+    --tone-slate-10: 6, 8, 9;
+    --tone-slate: 0, 0, 0;
+    --tone-grey-01: 222, 225, 229;
+    --tone-grey-02: 213, 216, 221;
+    --tone-grey-03: 177, 182, 192;
+    --tone-grey-04: 148, 155, 168;
+    --tone-grey-05: 112, 122, 138;
+    --tone-grey-06: 73, 79, 90;
+    --tone-grey-07: 40, 43, 49;
+    --tone-grey-08: 27, 29, 33;
+    --tone-grey-09: 14, 15, 17;
+    --tone-grey-10: 7, 8, 9;
+    --tone-grey: 0, 0, 0;
+    --tone-zinc-01: 224, 224, 227;
+    --tone-zinc-02: 216, 216, 219;
+    --tone-zinc-03: 181, 181, 189;
+    --tone-zinc-04: 154, 154, 164;
+    --tone-zinc-05: 120, 120, 133;
+    --tone-zinc-06: 78, 78, 86;
+    --tone-zinc-07: 42, 42, 47;
+    --tone-zinc-08: 28, 28, 31;
+    --tone-zinc-09: 15, 15, 16;
+    --tone-zinc-10: 9, 9, 10;
+    --tone-zinc: 0, 0, 0;
+    --tone-neutral-01: 224, 224, 224;
+    --tone-neutral-02: 215, 215, 215;
+    --tone-neutral-03: 181, 181, 181;
+    --tone-neutral-04: 155, 155, 155;
+    --tone-neutral-05: 122, 122, 122;
+    --tone-neutral-06: 78, 78, 78;
+    --tone-neutral-07: 43, 43, 43;
+    --tone-neutral-08: 29, 29, 29;
+    --tone-neutral-09: 15, 15, 15;
+    --tone-neutral-10: 8, 8, 8;
+    --tone-neutral: 0, 0, 0;
+    --tone-stone-01: 226, 224, 223;
+    --tone-stone-02: 218, 215, 214;
+    --tone-stone-03: 185, 181, 177;
+    --tone-stone-04: 160, 154, 150;
+    --tone-stone-05: 127, 120, 114;
+    --tone-stone-06: 83, 77, 74;
+    --tone-stone-07: 45, 42, 40;
+    --tone-stone-08: 30, 28, 27;
+    --tone-stone-09: 16, 15, 14;
+    --tone-stone-10: 8, 8, 7;
+    --tone-stone: 0, 0, 0;
     --brand-maggioli-01: 163, 182, 219;
     --brand-maggioli-02: 142, 168, 218;
     --brand-maggioli-03: 106, 145, 220;
@@ -441,17 +606,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
     --brand-synbee-eolo-09: 18, 28, 44;
     --brand-synbee-eolo-10: 10, 15, 23;
     --brand-synbee-eolo: 89, 124, 185;
-    --brand-synbee-01: 224, 175, 0;
-    --brand-synbee-02: 206, 161, 0;
-    --brand-synbee-03: 179, 140, 0;
-    --brand-synbee-04: 155, 121, 0;
-    --brand-synbee-05: 127, 99, 0;
-    --brand-synbee-06: 98, 77, 0;
-    --brand-synbee-07: 71, 56, 0;
-    --brand-synbee-08: 50, 39, 0;
-    --brand-synbee-09: 34, 27, 0;
+    --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, 33;
+    --brand-synbee: 255, 207, 48;
     --status-info-01: 82, 194, 231;
     --status-info-02: 42, 180, 226;
     --status-info-03: 27, 157, 200;

package/dist/css/colors-status.css

@@ -0,0 +1,148 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 10:42:02 GMT
+*/
+
+:root {
+  --status-info-01: #0c465a;
+  --status-info-02: #0e5168;
+  --status-info-03: #11637f;
+  --status-info-04: #157697;
+  --status-info-05: #198fb6;
+  --status-info-06: #1eaede;
+  --status-info-07: #6ccceb;
+  --status-info-08: #aae1f3;
+  --status-info-09: #cfeef8;
+  --status-info-10: #eaf8fc;
+  --status-info: #23b2e1;
+  --status-success-01: #0d4a2d;
+  --status-success-02: #0f5634;
+  --status-success-03: #126940;
+  --status-success-04: #167d4c;
+  --status-success-05: #1a975b;
+  --status-success-06: #20b86f;
+  --status-success-07: #2ada86;
+  --status-success-08: #8cebbd;
+  --status-success-09: #bff4db;
+  --status-success-10: #e1faee;
+  --status-success: #21bf73;
+  --status-error-01: #82120f;
+  --status-error-02: #951411;
+  --status-error-03: #b61815;
+  --status-error-04: #d71d19;
+  --status-error-05: #ea4d49;
+  --status-error-06: #f0817e;
+  --status-error-07: #f5aeac;
+  --status-error-08: #f9cecd;
+  --status-error-09: #fce2e2;
+  --status-error-10: #fef3f3;
+  --status-error: #ed6663;
+  --status-warning-01: #523d00;
+  --status-warning-02: #5f4800;
+  --status-warning-03: #755700;
+  --status-warning-04: #8b6800;
+  --status-warning-05: #a87e00;
+  --status-warning-06: #cd9900;
+  --status-warning-07: #f2b600;
+  --status-warning-08: #ffd452;
+  --status-warning-09: #ffe7a1;
+  --status-warning-10: #fff5d5;
+  --status-warning: #ffc107;
+}
+
+:root .dark-mode {
+  --status-info-01: #52c2e7;
+  --status-info-02: #2ab4e2;
+  --status-info-03: #1b9dc8;
+  --status-info-04: #1787ac;
+  --status-info-05: #13708e;
+  --status-info-06: #0f566d;
+  --status-info-07: #0b3e4f;
+  --status-info-08: #082c37;
+  --status-info-09: #051f28;
+  --status-info-10: #031115;
+  --status-info: #23b2e1;
+  --status-success-01: #24cf7d;
+  --status-success-02: #21bf73;
+  --status-success-03: #1da664;
+  --status-success-04: #198f56;
+  --status-success-05: #147647;
+  --status-success-06: #105b37;
+  --status-success-07: #0b4228;
+  --status-success-08: #082e1b;
+  --status-success-09: #052013;
+  --status-success-10: #03110a;
+  --status-success: #21bf73;
+  --status-error-01: #f49f9d;
+  --status-error-02: #f18a88;
+  --status-error-03: #ed6663;
+  --status-error-04: #e83c39;
+  --status-error-05: #cb1b17;
+  --status-error-06: #9e1512;
+  --status-error-07: #74100d;
+  --status-error-08: #540b0a;
+  --status-error-09: #3b0807;
+  --status-error-10: #230504;
+  --status-error: #ed6663;
+  --status-warning-01: #e6ac00;
+  --status-warning-02: #d49f00;
+  --status-warning-03: #b98a00;
+  --status-warning-04: #9f7700;
+  --status-warning-05: #836200;
+  --status-warning-06: #654b00;
+  --status-warning-07: #493700;
+  --status-warning-08: #332700;
+  --status-warning-09: #231a00;
+  --status-warning-10: #140f00;
+  --status-warning: #ffc107;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --status-info-01: #52c2e7;
+    --status-info-02: #2ab4e2;
+    --status-info-03: #1b9dc8;
+    --status-info-04: #1787ac;
+    --status-info-05: #13708e;
+    --status-info-06: #0f566d;
+    --status-info-07: #0b3e4f;
+    --status-info-08: #082c37;
+    --status-info-09: #051f28;
+    --status-info-10: #031115;
+    --status-info: #23b2e1;
+    --status-success-01: #24cf7d;
+    --status-success-02: #21bf73;
+    --status-success-03: #1da664;
+    --status-success-04: #198f56;
+    --status-success-05: #147647;
+    --status-success-06: #105b37;
+    --status-success-07: #0b4228;
+    --status-success-08: #082e1b;
+    --status-success-09: #052013;
+    --status-success-10: #03110a;
+    --status-success: #21bf73;
+    --status-error-01: #f49f9d;
+    --status-error-02: #f18a88;
+    --status-error-03: #ed6663;
+    --status-error-04: #e83c39;
+    --status-error-05: #cb1b17;
+    --status-error-06: #9e1512;
+    --status-error-07: #74100d;
+    --status-error-08: #540b0a;
+    --status-error-09: #3b0807;
+    --status-error-10: #230504;
+    --status-error: #ed6663;
+    --status-warning-01: #e6ac00;
+    --status-warning-02: #d49f00;
+    --status-warning-03: #b98a00;
+    --status-warning-04: #9f7700;
+    --status-warning-05: #836200;
+    --status-warning-06: #654b00;
+    --status-warning-07: #493700;
+    --status-warning-08: #332700;
+    --status-warning-09: #231a00;
+    --status-warning-10: #140f00;
+    --status-warning: #ffc107;
+  }
+}

package/dist/css/colors-tones.css

@@ -0,0 +1,214 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 10:42:02 GMT
+*/
+
+:root {
+  --adjust-tone-01: #212121;
+  --adjust-tone-02: #282828;
+  --adjust-tone-03: #404040;
+  --adjust-tone-04: #545454;
+  --adjust-tone-05: #717171;
+  --adjust-tone-06: #a2a2a2;
+  --adjust-tone-07: #d5d5d5;
+  --adjust-tone-08: #e7e7e7;
+  --adjust-tone-09: #f3f3f3;
+  --adjust-tone-10: #f9f9f9;
+  --adjust-tone: #ffffff;
+  --tone-slate-01: #1c222a;
+  --tone-slate-02: #212932;
+  --tone-slate-03: #364151;
+  --tone-slate-04: #47556a;
+  --tone-slate-05: #5f738f;
+  --tone-slate-06: #95a4b8;
+  --tone-slate-07: #ced5df;
+  --tone-slate-08: #e4e7ed;
+  --tone-slate-09: #f3f4f7;
+  --tone-slate-10: #f8f9fa;
+  --tone-slate: #ffffff;
+  --tone-grey-01: #1f2226;
+  --tone-grey-02: #25282e;
+  --tone-grey-03: #3b4049;
+  --tone-grey-04: #4e5460;
+  --tone-grey-05: #697282;
+  --tone-grey-06: #9ca3af;
+  --tone-grey-07: #d2d5da;
+  --tone-grey-08: #e5e7ea;
+  --tone-grey-09: #f3f4f6;
+  --tone-grey-10: #f8f9f9;
+  --tone-grey: #ffffff;
+  --tone-zinc-01: #212125;
+  --tone-zinc-02: #28282c;
+  --tone-zinc-03: #404046;
+  --tone-zinc-04: #53535c;
+  --tone-zinc-05: #70707c;
+  --tone-zinc-06: #a1a1aa;
+  --tone-zinc-07: #d4d4d8;
+  --tone-zinc-08: #e6e6e8;
+  --tone-zinc-09: #f4f4f5;
+  --tone-zinc-10: #f8f8f9;
+  --tone-zinc: #ffffff;
+  --tone-neutral-01: #212121;
+  --tone-neutral-02: #282828;
+  --tone-neutral-03: #414141;
+  --tone-neutral-04: #545454;
+  --tone-neutral-05: #717171;
+  --tone-neutral-06: #a2a2a2;
+  --tone-neutral-07: #d5d5d5;
+  --tone-neutral-08: #e7e7e7;
+  --tone-neutral-09: #f4f4f4;
+  --tone-neutral-10: #f8f8f8;
+  --tone-neutral: #ffffff;
+  --tone-stone-01: #232120;
+  --tone-stone-02: #2a2826;
+  --tone-stone-03: #443f3d;
+  --tone-stone-04: #595350;
+  --tone-stone-05: #78706c;
+  --tone-stone-06: #a7a19c;
+  --tone-stone-07: #d7d4d2;
+  --tone-stone-08: #e7e6e5;
+  --tone-stone-09: #f5f4f4;
+  --tone-stone-10: #f9f8f8;
+  --tone-stone: #ffffff;
+}
+
+:root .dark-mode {
+  --adjust-tone-01: #e0e0e0;
+  --adjust-tone-02: #d7d7d7;
+  --adjust-tone-03: #b5b5b5;
+  --adjust-tone-04: #9b9b9b;
+  --adjust-tone-05: #797979;
+  --adjust-tone-06: #4f4f4f;
+  --adjust-tone-07: #2b2b2b;
+  --adjust-tone-08: #1d1d1d;
+  --adjust-tone-09: #101010;
+  --adjust-tone-10: #080808;
+  --adjust-tone: #000000;
+  --tone-slate-01: #dde1e8;
+  --tone-slate-02: #d2d9e1;
+  --tone-slate-03: #abb6c7;
+  --tone-slate-04: #8c9cb3;
+  --tone-slate-05: #657b98;
+  --tone-slate-06: #424f63;
+  --tone-slate-07: #242b36;
+  --tone-slate-08: #181d24;
+  --tone-slate-09: #0e1115;
+  --tone-slate-10: #060809;
+  --tone-slate: #000000;
+  --tone-grey-01: #dee1e5;
+  --tone-grey-02: #d5d8dd;
+  --tone-grey-03: #b1b6c0;
+  --tone-grey-04: #949ba8;
+  --tone-grey-05: #707a8a;
+  --tone-grey-06: #494f5a;
+  --tone-grey-07: #282b31;
+  --tone-grey-08: #1b1d21;
+  --tone-grey-09: #0e0f11;
+  --tone-grey-10: #070809;
+  --tone-grey: #000000;
+  --tone-zinc-01: #e0e0e3;
+  --tone-zinc-02: #d8d8db;
+  --tone-zinc-03: #b5b5bd;
+  --tone-zinc-04: #9a9aa4;
+  --tone-zinc-05: #787885;
+  --tone-zinc-06: #4e4e56;
+  --tone-zinc-07: #2a2a2f;
+  --tone-zinc-08: #1c1c1f;
+  --tone-zinc-09: #0f0f10;
+  --tone-zinc-10: #09090a;
+  --tone-zinc: #000000;
+  --tone-neutral-01: #e0e0e0;
+  --tone-neutral-02: #d7d7d7;
+  --tone-neutral-03: #b5b5b5;
+  --tone-neutral-04: #9b9b9b;
+  --tone-neutral-05: #7a7a7a;
+  --tone-neutral-06: #4e4e4e;
+  --tone-neutral-07: #2b2b2b;
+  --tone-neutral-08: #1d1d1d;
+  --tone-neutral-09: #0f0f0f;
+  --tone-neutral-10: #080808;
+  --tone-neutral: #000000;
+  --tone-stone-01: #e2e0df;
+  --tone-stone-02: #dad7d6;
+  --tone-stone-03: #b9b5b1;
+  --tone-stone-04: #a09a96;
+  --tone-stone-05: #7f7872;
+  --tone-stone-06: #534d4a;
+  --tone-stone-07: #2d2a28;
+  --tone-stone-08: #1e1c1b;
+  --tone-stone-09: #100f0e;
+  --tone-stone-10: #080807;
+  --tone-stone: #000000;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --adjust-tone-01: #e0e0e0;
+    --adjust-tone-02: #d7d7d7;
+    --adjust-tone-03: #b5b5b5;
+    --adjust-tone-04: #9b9b9b;
+    --adjust-tone-05: #797979;
+    --adjust-tone-06: #4f4f4f;
+    --adjust-tone-07: #2b2b2b;
+    --adjust-tone-08: #1d1d1d;
+    --adjust-tone-09: #101010;
+    --adjust-tone-10: #080808;
+    --adjust-tone: #000000;
+    --tone-slate-01: #dde1e8;
+    --tone-slate-02: #d2d9e1;
+    --tone-slate-03: #abb6c7;
+    --tone-slate-04: #8c9cb3;
+    --tone-slate-05: #657b98;
+    --tone-slate-06: #424f63;
+    --tone-slate-07: #242b36;
+    --tone-slate-08: #181d24;
+    --tone-slate-09: #0e1115;
+    --tone-slate-10: #060809;
+    --tone-slate: #000000;
+    --tone-grey-01: #dee1e5;
+    --tone-grey-02: #d5d8dd;
+    --tone-grey-03: #b1b6c0;
+    --tone-grey-04: #949ba8;
+    --tone-grey-05: #707a8a;
+    --tone-grey-06: #494f5a;
+    --tone-grey-07: #282b31;
+    --tone-grey-08: #1b1d21;
+    --tone-grey-09: #0e0f11;
+    --tone-grey-10: #070809;
+    --tone-grey: #000000;
+    --tone-zinc-01: #e0e0e3;
+    --tone-zinc-02: #d8d8db;
+    --tone-zinc-03: #b5b5bd;
+    --tone-zinc-04: #9a9aa4;
+    --tone-zinc-05: #787885;
+    --tone-zinc-06: #4e4e56;
+    --tone-zinc-07: #2a2a2f;
+    --tone-zinc-08: #1c1c1f;
+    --tone-zinc-09: #0f0f10;
+    --tone-zinc-10: #09090a;
+    --tone-zinc: #000000;
+    --tone-neutral-01: #e0e0e0;
+    --tone-neutral-02: #d7d7d7;
+    --tone-neutral-03: #b5b5b5;
+    --tone-neutral-04: #9b9b9b;
+    --tone-neutral-05: #7a7a7a;
+    --tone-neutral-06: #4e4e4e;
+    --tone-neutral-07: #2b2b2b;
+    --tone-neutral-08: #1d1d1d;
+    --tone-neutral-09: #0f0f0f;
+    --tone-neutral-10: #080808;
+    --tone-neutral: #000000;
+    --tone-stone-01: #e2e0df;
+    --tone-stone-02: #dad7d6;
+    --tone-stone-03: #b9b5b1;
+    --tone-stone-04: #a09a96;
+    --tone-stone-05: #7f7872;
+    --tone-stone-06: #534d4a;
+    --tone-stone-07: #2d2a28;
+    --tone-stone-08: #1e1c1b;
+    --tone-stone-09: #100f0e;
+    --tone-stone-10: #080807;
+    --tone-stone: #000000;
+  }
+}