@maggioli-design-system/styles 6.0.1 → 6.3.1

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

@@ -0,0 +1,346 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 09:55:43 GMT
+*/
+
+:root {
+  --label-amaranth-01: 129, 13, 44;
+  --label-amaranth-02: 150, 15, 51;
+  --label-amaranth-03: 181, 19, 62;
+  --label-amaranth-04: 214, 22, 73;
+  --label-amaranth-05: 236, 69, 113;
+  --label-amaranth-06: 242, 125, 155;
+  --label-amaranth-07: 246, 171, 191;
+  --label-amaranth-08: 250, 205, 217;
+  --label-amaranth-09: 252, 225, 232;
+  --label-amaranth-10: 254, 242, 245;
+  --label-amaranth: 234, 52, 100;
+  --label-orchid-01: 115, 16, 110;
+  --label-orchid-02: 133, 19, 127;
+  --label-orchid-03: 162, 23, 154;
+  --label-orchid-04: 192, 27, 183;
+  --label-orchid-05: 226, 49, 216;
+  --label-orchid-06: 235, 116, 229;
+  --label-orchid-07: 242, 167, 238;
+  --label-orchid-08: 247, 202, 245;
+  --label-orchid-09: 251, 225, 249;
+  --label-orchid-10: 253, 241, 252;
+  --label-orchid: 227, 59, 218;
+  --label-violet-01: 73, 8, 186;
+  --label-violet-02: 85, 9, 214;
+  --label-violet-03: 108, 29, 245;
+  --label-violet-04: 132, 65, 247;
+  --label-violet-05: 155, 102, 248;
+  --label-violet-06: 181, 141, 250;
+  --label-violet-07: 206, 179, 252;
+  --label-violet-08: 225, 209, 253;
+  --label-violet-09: 237, 227, 254;
+  --label-violet-10: 247, 242, 254;
+  --label-violet: 120, 47, 246;
+  --label-blue-01: 7, 39, 189;
+  --label-blue-02: 8, 44, 219;
+  --label-blue-03: 27, 64, 246;
+  --label-blue-04: 60, 93, 248;
+  --label-blue-05: 96, 122, 249;
+  --label-blue-06: 136, 155, 251;
+  --label-blue-07: 176, 189, 252;
+  --label-blue-08: 207, 215, 253;
+  --label-blue-09: 227, 231, 254;
+  --label-blue-10: 243, 245, 255;
+  --label-blue: 14, 54, 246;
+  --label-sky-01: 3, 66, 115;
+  --label-sky-02: 4, 77, 132;
+  --label-sky-03: 5, 94, 162;
+  --label-sky-04: 5, 112, 193;
+  --label-sky-05: 7, 135, 233;
+  --label-sky-06: 62, 168, 250;
+  --label-sky-07: 130, 199, 251;
+  --label-sky-08: 179, 221, 253;
+  --label-sky-09: 210, 235, 254;
+  --label-sky-10: 237, 247, 254;
+  --label-sky: 77, 175, 250;
+  --label-aqua-01: 3, 73, 65;
+  --label-aqua-02: 3, 85, 75;
+  --label-aqua-03: 4, 103, 92;
+  --label-aqua-04: 4, 123, 109;
+  --label-aqua-05: 5, 149, 132;
+  --label-aqua-06: 7, 181, 160;
+  --label-aqua-07: 8, 215, 190;
+  --label-aqua-08: 9, 243, 215;
+  --label-aqua-09: 137, 251, 237;
+  --label-aqua-10: 208, 253, 248;
+  --label-aqua: 116, 250, 234;
+  --label-green-01: 12, 75, 3;
+  --label-green-02: 14, 87, 3;
+  --label-green-03: 17, 107, 4;
+  --label-green-04: 20, 127, 5;
+  --label-green-05: 24, 154, 6;
+  --label-green-06: 29, 187, 7;
+  --label-green-07: 35, 222, 9;
+  --label-green-08: 75, 247, 51;
+  --label-green-09: 174, 251, 163;
+  --label-green-10: 219, 253, 214;
+  --label-green: 120, 249, 102;
+  --label-lime-01: 53, 70, 2;
+  --label-lime-02: 61, 82, 2;
+  --label-lime-03: 75, 100, 2;
+  --label-lime-04: 89, 119, 3;
+  --label-lime-05: 108, 144, 3;
+  --label-lime-06: 131, 176, 4;
+  --label-lime-07: 157, 209, 5;
+  --label-lime-08: 176, 235, 5;
+  --label-lime-09: 196, 250, 39;
+  --label-lime-10: 234, 253, 177;
+  --label-lime: 207, 251, 80;
+  --label-yellow-01: 75, 64, 3;
+  --label-yellow-02: 86, 74, 3;
+  --label-yellow-03: 106, 91, 4;
+  --label-yellow-04: 127, 109, 4;
+  --label-yellow-05: 152, 132, 5;
+  --label-yellow-06: 186, 160, 6;
+  --label-yellow-07: 221, 191, 7;
+  --label-yellow-08: 247, 216, 28;
+  --label-yellow-09: 251, 233, 127;
+  --label-yellow-10: 253, 246, 204;
+  --label-yellow: 249, 225, 78;
+  --label-orange-01: 113, 42, 8;
+  --label-orange-02: 131, 48, 9;
+  --label-orange-03: 160, 59, 11;
+  --label-orange-04: 190, 71, 13;
+  --label-orange-05: 229, 85, 16;
+  --label-orange-06: 243, 131, 78;
+  --label-orange-07: 247, 175, 141;
+  --label-orange-08: 250, 208, 187;
+  --label-orange-09: 252, 228, 217;
+  --label-orange-10: 254, 243, 238;
+  --label-orange: 241, 112, 50;
+}
+
+:root .dark-mode {
+  --label-amaranth-01: 245, 156, 179;
+  --label-amaranth-02: 243, 134, 163;
+  --label-amaranth-03: 239, 97, 134;
+  --label-amaranth-04: 234, 50, 98;
+  --label-amaranth-05: 202, 21, 69;
+  --label-amaranth-06: 158, 16, 54;
+  --label-amaranth-07: 116, 12, 39;
+  --label-amaranth-08: 84, 9, 29;
+  --label-amaranth-09: 58, 6, 20;
+  --label-amaranth-10: 35, 4, 12;
+  --label-amaranth: 234, 52, 100;
+  --label-orchid-01: 240, 150, 235;
+  --label-orchid-02: 237, 127, 231;
+  --label-orchid-03: 230, 83, 223;
+  --label-orchid-04: 219, 31, 209;
+  --label-orchid-05: 181, 26, 173;
+  --label-orchid-06: 141, 20, 134;
+  --label-orchid-07: 103, 15, 98;
+  --label-orchid-08: 74, 11, 71;
+  --label-orchid-09: 52, 7, 49;
+  --label-orchid-10: 31, 4, 30;
+  --label-orchid: 227, 59, 218;
+  --label-violet-01: 198, 166, 251;
+  --label-violet-02: 186, 149, 250;
+  --label-violet-03: 168, 120, 249;
+  --label-violet-04: 149, 91, 248;
+  --label-violet-05: 124, 54, 246;
+  --label-violet-06: 89, 10, 226;
+  --label-violet-07: 66, 7, 169;
+  --label-violet-08: 48, 5, 122;
+  --label-violet-09: 35, 4, 88;
+  --label-violet-10: 20, 2, 52;
+  --label-violet: 120, 47, 246;
+  --label-blue-01: 162, 177, 252;
+  --label-blue-02: 144, 162, 251;
+  --label-blue-03: 114, 137, 250;
+  --label-blue-04: 85, 113, 249;
+  --label-blue-05: 48, 83, 247;
+  --label-blue-06: 9, 47, 232;
+  --label-blue-07: 6, 35, 170;
+  --label-blue-08: 5, 25, 123;
+  --label-blue-09: 3, 17, 85;
+  --label-blue-10: 2, 11, 53;
+  --label-blue: 14, 54, 246;
+  --label-sky-01: 107, 189, 251;
+  --label-sky-02: 76, 174, 250;
+  --label-sky-03: 20, 149, 248;
+  --label-sky-04: 6, 128, 221;
+  --label-sky-05: 5, 105, 182;
+  --label-sky-06: 4, 81, 141;
+  --label-sky-07: 3, 59, 102;
+  --label-sky-08: 2, 42, 72;
+  --label-sky-09: 1, 29, 51;
+  --label-sky-10: 1, 17, 29;
+  --label-sky: 77, 175, 250;
+  --label-aqua-01: 7, 203, 180;
+  --label-aqua-02: 7, 188, 167;
+  --label-aqua-03: 6, 163, 145;
+  --label-aqua-04: 5, 141, 125;
+  --label-aqua-05: 4, 116, 103;
+  --label-aqua-06: 3, 90, 79;
+  --label-aqua-07: 2, 65, 58;
+  --label-aqua-08: 2, 46, 40;
+  --label-aqua-09: 1, 32, 28;
+  --label-aqua-10: 1, 18, 16;
+  --label-aqua: 116, 250, 234;
+  --label-green-01: 33, 210, 8;
+  --label-green-02: 30, 193, 8;
+  --label-green-03: 26, 169, 7;
+  --label-green-04: 23, 145, 6;
+  --label-green-05: 19, 120, 5;
+  --label-green-06: 15, 92, 4;
+  --label-green-07: 11, 67, 3;
+  --label-green-08: 7, 48, 2;
+  --label-green-09: 5, 33, 1;
+  --label-green-10: 3, 18, 1;
+  --label-green: 120, 249, 102;
+  --label-lime-01: 148, 197, 5;
+  --label-lime-02: 137, 182, 4;
+  --label-lime-03: 119, 158, 4;
+  --label-lime-04: 102, 137, 3;
+  --label-lime-05: 84, 112, 3;
+  --label-lime-06: 65, 87, 2;
+  --label-lime-07: 47, 63, 1;
+  --label-lime-08: 33, 44, 1;
+  --label-lime-09: 22, 30, 1;
+  --label-lime-10: 12, 16, 0;
+  --label-lime: 207, 251, 80;
+  --label-yellow-01: 209, 181, 7;
+  --label-yellow-02: 193, 166, 7;
+  --label-yellow-03: 168, 145, 6;
+  --label-yellow-04: 145, 125, 5;
+  --label-yellow-05: 119, 102, 4;
+  --label-yellow-06: 92, 79, 3;
+  --label-yellow-07: 66, 57, 2;
+  --label-yellow-08: 46, 40, 2;
+  --label-yellow-09: 32, 28, 1;
+  --label-yellow-10: 17, 14, 1;
+  --label-yellow: 249, 225, 78;
+  --label-orange-01: 246, 161, 120;
+  --label-orange-02: 244, 140, 90;
+  --label-orange-03: 240, 104, 38;
+  --label-orange-04: 217, 81, 15;
+  --label-orange-05: 179, 67, 12;
+  --label-orange-06: 139, 51, 9;
+  --label-orange-07: 101, 37, 7;
+  --label-orange-08: 72, 27, 5;
+  --label-orange-09: 50, 18, 3;
+  --label-orange-10: 27, 10, 2;
+  --label-orange: 241, 112, 50;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --label-amaranth-01: 245, 156, 179;
+    --label-amaranth-02: 243, 134, 163;
+    --label-amaranth-03: 239, 97, 134;
+    --label-amaranth-04: 234, 50, 98;
+    --label-amaranth-05: 202, 21, 69;
+    --label-amaranth-06: 158, 16, 54;
+    --label-amaranth-07: 116, 12, 39;
+    --label-amaranth-08: 84, 9, 29;
+    --label-amaranth-09: 58, 6, 20;
+    --label-amaranth-10: 35, 4, 12;
+    --label-amaranth: 234, 52, 100;
+    --label-orchid-01: 240, 150, 235;
+    --label-orchid-02: 237, 127, 231;
+    --label-orchid-03: 230, 83, 223;
+    --label-orchid-04: 219, 31, 209;
+    --label-orchid-05: 181, 26, 173;
+    --label-orchid-06: 141, 20, 134;
+    --label-orchid-07: 103, 15, 98;
+    --label-orchid-08: 74, 11, 71;
+    --label-orchid-09: 52, 7, 49;
+    --label-orchid-10: 31, 4, 30;
+    --label-orchid: 227, 59, 218;
+    --label-violet-01: 198, 166, 251;
+    --label-violet-02: 186, 149, 250;
+    --label-violet-03: 168, 120, 249;
+    --label-violet-04: 149, 91, 248;
+    --label-violet-05: 124, 54, 246;
+    --label-violet-06: 89, 10, 226;
+    --label-violet-07: 66, 7, 169;
+    --label-violet-08: 48, 5, 122;
+    --label-violet-09: 35, 4, 88;
+    --label-violet-10: 20, 2, 52;
+    --label-violet: 120, 47, 246;
+    --label-blue-01: 162, 177, 252;
+    --label-blue-02: 144, 162, 251;
+    --label-blue-03: 114, 137, 250;
+    --label-blue-04: 85, 113, 249;
+    --label-blue-05: 48, 83, 247;
+    --label-blue-06: 9, 47, 232;
+    --label-blue-07: 6, 35, 170;
+    --label-blue-08: 5, 25, 123;
+    --label-blue-09: 3, 17, 85;
+    --label-blue-10: 2, 11, 53;
+    --label-blue: 14, 54, 246;
+    --label-sky-01: 107, 189, 251;
+    --label-sky-02: 76, 174, 250;
+    --label-sky-03: 20, 149, 248;
+    --label-sky-04: 6, 128, 221;
+    --label-sky-05: 5, 105, 182;
+    --label-sky-06: 4, 81, 141;
+    --label-sky-07: 3, 59, 102;
+    --label-sky-08: 2, 42, 72;
+    --label-sky-09: 1, 29, 51;
+    --label-sky-10: 1, 17, 29;
+    --label-sky: 77, 175, 250;
+    --label-aqua-01: 7, 203, 180;
+    --label-aqua-02: 7, 188, 167;
+    --label-aqua-03: 6, 163, 145;
+    --label-aqua-04: 5, 141, 125;
+    --label-aqua-05: 4, 116, 103;
+    --label-aqua-06: 3, 90, 79;
+    --label-aqua-07: 2, 65, 58;
+    --label-aqua-08: 2, 46, 40;
+    --label-aqua-09: 1, 32, 28;
+    --label-aqua-10: 1, 18, 16;
+    --label-aqua: 116, 250, 234;
+    --label-green-01: 33, 210, 8;
+    --label-green-02: 30, 193, 8;
+    --label-green-03: 26, 169, 7;
+    --label-green-04: 23, 145, 6;
+    --label-green-05: 19, 120, 5;
+    --label-green-06: 15, 92, 4;
+    --label-green-07: 11, 67, 3;
+    --label-green-08: 7, 48, 2;
+    --label-green-09: 5, 33, 1;
+    --label-green-10: 3, 18, 1;
+    --label-green: 120, 249, 102;
+    --label-lime-01: 148, 197, 5;
+    --label-lime-02: 137, 182, 4;
+    --label-lime-03: 119, 158, 4;
+    --label-lime-04: 102, 137, 3;
+    --label-lime-05: 84, 112, 3;
+    --label-lime-06: 65, 87, 2;
+    --label-lime-07: 47, 63, 1;
+    --label-lime-08: 33, 44, 1;
+    --label-lime-09: 22, 30, 1;
+    --label-lime-10: 12, 16, 0;
+    --label-lime: 207, 251, 80;
+    --label-yellow-01: 209, 181, 7;
+    --label-yellow-02: 193, 166, 7;
+    --label-yellow-03: 168, 145, 6;
+    --label-yellow-04: 145, 125, 5;
+    --label-yellow-05: 119, 102, 4;
+    --label-yellow-06: 92, 79, 3;
+    --label-yellow-07: 66, 57, 2;
+    --label-yellow-08: 46, 40, 2;
+    --label-yellow-09: 32, 28, 1;
+    --label-yellow-10: 17, 14, 1;
+    --label-yellow: 249, 225, 78;
+    --label-orange-01: 246, 161, 120;
+    --label-orange-02: 244, 140, 90;
+    --label-orange-03: 240, 104, 38;
+    --label-orange-04: 217, 81, 15;
+    --label-orange-05: 179, 67, 12;
+    --label-orange-06: 139, 51, 9;
+    --label-orange-07: 101, 37, 7;
+    --label-orange-08: 72, 27, 5;
+    --label-orange-09: 50, 18, 3;
+    --label-orange-10: 27, 10, 2;
+    --label-orange: 241, 112, 50;
+  }
+}

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

@@ -0,0 +1,148 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 09:55:43 GMT
+*/
+
+:root {
+  --status-info-01: 12, 70, 90;
+  --status-info-02: 14, 81, 104;
+  --status-info-03: 17, 99, 127;
+  --status-info-04: 21, 118, 151;
+  --status-info-05: 25, 143, 182;
+  --status-info-06: 30, 174, 222;
+  --status-info-07: 108, 204, 235;
+  --status-info-08: 170, 225, 243;
+  --status-info-09: 207, 238, 248;
+  --status-info-10: 234, 248, 252;
+  --status-info: 35, 178, 225;
+  --status-success-01: 13, 74, 45;
+  --status-success-02: 15, 86, 52;
+  --status-success-03: 18, 105, 64;
+  --status-success-04: 22, 125, 76;
+  --status-success-05: 26, 151, 91;
+  --status-success-06: 32, 184, 111;
+  --status-success-07: 42, 218, 134;
+  --status-success-08: 140, 235, 189;
+  --status-success-09: 191, 244, 219;
+  --status-success-10: 225, 250, 238;
+  --status-success: 33, 191, 115;
+  --status-error-01: 130, 18, 15;
+  --status-error-02: 149, 20, 17;
+  --status-error-03: 182, 24, 21;
+  --status-error-04: 215, 29, 25;
+  --status-error-05: 234, 77, 73;
+  --status-error-06: 240, 129, 126;
+  --status-error-07: 245, 174, 172;
+  --status-error-08: 249, 206, 205;
+  --status-error-09: 252, 226, 226;
+  --status-error-10: 254, 243, 243;
+  --status-error: 237, 102, 99;
+  --status-warning-01: 82, 61, 0;
+  --status-warning-02: 95, 72, 0;
+  --status-warning-03: 117, 87, 0;
+  --status-warning-04: 139, 104, 0;
+  --status-warning-05: 168, 126, 0;
+  --status-warning-06: 205, 153, 0;
+  --status-warning-07: 242, 182, 0;
+  --status-warning-08: 255, 212, 82;
+  --status-warning-09: 255, 231, 161;
+  --status-warning-10: 255, 245, 213;
+  --status-warning: 255, 193, 7;
+}
+
+:root .dark-mode {
+  --status-info-01: 82, 194, 231;
+  --status-info-02: 42, 180, 226;
+  --status-info-03: 27, 157, 200;
+  --status-info-04: 23, 135, 172;
+  --status-info-05: 19, 112, 142;
+  --status-info-06: 15, 86, 109;
+  --status-info-07: 11, 62, 79;
+  --status-info-08: 8, 44, 55;
+  --status-info-09: 5, 31, 40;
+  --status-info-10: 3, 17, 21;
+  --status-info: 35, 178, 225;
+  --status-success-01: 36, 207, 125;
+  --status-success-02: 33, 191, 115;
+  --status-success-03: 29, 166, 100;
+  --status-success-04: 25, 143, 86;
+  --status-success-05: 20, 118, 71;
+  --status-success-06: 16, 91, 55;
+  --status-success-07: 11, 66, 40;
+  --status-success-08: 8, 46, 27;
+  --status-success-09: 5, 32, 19;
+  --status-success-10: 3, 17, 10;
+  --status-success: 33, 191, 115;
+  --status-error-01: 244, 159, 157;
+  --status-error-02: 241, 138, 136;
+  --status-error-03: 237, 102, 99;
+  --status-error-04: 232, 60, 57;
+  --status-error-05: 203, 27, 23;
+  --status-error-06: 158, 21, 18;
+  --status-error-07: 116, 16, 13;
+  --status-error-08: 84, 11, 10;
+  --status-error-09: 59, 8, 7;
+  --status-error-10: 35, 5, 4;
+  --status-error: 237, 102, 99;
+  --status-warning-01: 230, 172, 0;
+  --status-warning-02: 212, 159, 0;
+  --status-warning-03: 185, 138, 0;
+  --status-warning-04: 159, 119, 0;
+  --status-warning-05: 131, 98, 0;
+  --status-warning-06: 101, 75, 0;
+  --status-warning-07: 73, 55, 0;
+  --status-warning-08: 51, 39, 0;
+  --status-warning-09: 35, 26, 0;
+  --status-warning-10: 20, 15, 0;
+  --status-warning: 255, 193, 7;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --status-info-01: 82, 194, 231;
+    --status-info-02: 42, 180, 226;
+    --status-info-03: 27, 157, 200;
+    --status-info-04: 23, 135, 172;
+    --status-info-05: 19, 112, 142;
+    --status-info-06: 15, 86, 109;
+    --status-info-07: 11, 62, 79;
+    --status-info-08: 8, 44, 55;
+    --status-info-09: 5, 31, 40;
+    --status-info-10: 3, 17, 21;
+    --status-info: 35, 178, 225;
+    --status-success-01: 36, 207, 125;
+    --status-success-02: 33, 191, 115;
+    --status-success-03: 29, 166, 100;
+    --status-success-04: 25, 143, 86;
+    --status-success-05: 20, 118, 71;
+    --status-success-06: 16, 91, 55;
+    --status-success-07: 11, 66, 40;
+    --status-success-08: 8, 46, 27;
+    --status-success-09: 5, 32, 19;
+    --status-success-10: 3, 17, 10;
+    --status-success: 33, 191, 115;
+    --status-error-01: 244, 159, 157;
+    --status-error-02: 241, 138, 136;
+    --status-error-03: 237, 102, 99;
+    --status-error-04: 232, 60, 57;
+    --status-error-05: 203, 27, 23;
+    --status-error-06: 158, 21, 18;
+    --status-error-07: 116, 16, 13;
+    --status-error-08: 84, 11, 10;
+    --status-error-09: 59, 8, 7;
+    --status-error-10: 35, 5, 4;
+    --status-error: 237, 102, 99;
+    --status-warning-01: 230, 172, 0;
+    --status-warning-02: 212, 159, 0;
+    --status-warning-03: 185, 138, 0;
+    --status-warning-04: 159, 119, 0;
+    --status-warning-05: 131, 98, 0;
+    --status-warning-06: 101, 75, 0;
+    --status-warning-07: 73, 55, 0;
+    --status-warning-08: 51, 39, 0;
+    --status-warning-09: 35, 26, 0;
+    --status-warning-10: 20, 15, 0;
+    --status-warning: 255, 193, 7;
+  }
+}

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

@@ -0,0 +1,214 @@
+/*
+Generated by Style Dictionary
+Do not edit directly
+Generated at Tue, 15 Feb 2022 09:55:43 GMT
+*/
+
+:root {
+  --adjust-tone-01: 33, 33, 33;
+  --adjust-tone-02: 40, 40, 40;
+  --adjust-tone-03: 64, 64, 64;
+  --adjust-tone-04: 84, 84, 84;
+  --adjust-tone-05: 113, 113, 113;
+  --adjust-tone-06: 162, 162, 162;
+  --adjust-tone-07: 213, 213, 213;
+  --adjust-tone-08: 231, 231, 231;
+  --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;
+}
+
+:root .dark-mode {
+  --adjust-tone-01: 224, 224, 224;
+  --adjust-tone-02: 215, 215, 215;
+  --adjust-tone-03: 181, 181, 181;
+  --adjust-tone-04: 155, 155, 155;
+  --adjust-tone-05: 121, 121, 121;
+  --adjust-tone-06: 79, 79, 79;
+  --adjust-tone-07: 43, 43, 43;
+  --adjust-tone-08: 29, 29, 29;
+  --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;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root .dark-mode-os {
+    --adjust-tone-01: 224, 224, 224;
+    --adjust-tone-02: 215, 215, 215;
+    --adjust-tone-03: 181, 181, 181;
+    --adjust-tone-04: 155, 155, 155;
+    --adjust-tone-05: 121, 121, 121;
+    --adjust-tone-06: 79, 79, 79;
+    --adjust-tone-07: 43, 43, 43;
+    --adjust-tone-08: 29, 29, 29;
+    --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;
+  }
+}