@alfalab/core-components 48.13.0 → 48.15.0

package/themes/click.css

@@ -1369,6 +1369,684 @@
     --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */
     --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */
 }
+:root {
+    --color-light-decorative-blue: var(--color-dark-decorative-blue);
+    --color-light-decorative-blue-hover: var(--color-dark-decorative-blue-hover);
+    --color-light-decorative-blue-inverted: var(--color-dark-decorative-blue-inverted);
+    --color-light-decorative-blue-inverted-hover: var(--color-dark-decorative-blue-inverted-hover);
+    --color-light-decorative-blue-inverted-press: var(--color-dark-decorative-blue-inverted-press);
+    --color-light-decorative-blue-press: var(--color-dark-decorative-blue-press);
+    --color-light-decorative-cyan: var(--color-dark-decorative-cyan);
+    --color-light-decorative-cyan-hover: var(--color-dark-decorative-cyan-hover);
+    --color-light-decorative-cyan-inverted: var(--color-dark-decorative-cyan-inverted);
+    --color-light-decorative-cyan-inverted-hover: var(--color-dark-decorative-cyan-inverted-hover);
+    --color-light-decorative-cyan-inverted-press: var(--color-dark-decorative-cyan-inverted-press);
+    --color-light-decorative-cyan-press: var(--color-dark-decorative-cyan-press);
+    --color-light-decorative-fuchsia: var(--color-dark-decorative-fuchsia);
+    --color-light-decorative-fuchsia-hover: var(--color-dark-decorative-fuchsia-hover);
+    --color-light-decorative-fuchsia-inverted: var(--color-dark-decorative-fuchsia-inverted);
+    --color-light-decorative-fuchsia-inverted-hover: var(
+        --color-dark-decorative-fuchsia-inverted-hover
+    );
+    --color-light-decorative-fuchsia-inverted-press: var(
+        --color-dark-decorative-fuchsia-inverted-press
+    );
+    --color-light-decorative-fuchsia-press: var(--color-dark-decorative-fuchsia-press);
+    --color-light-decorative-green: var(--color-dark-decorative-green);
+    --color-light-decorative-green-hover: var(--color-dark-decorative-green-hover);
+    --color-light-decorative-green-inverted: var(--color-dark-decorative-green-inverted);
+    --color-light-decorative-green-inverted-hover: var(
+        --color-dark-decorative-green-inverted-hover
+    );
+    --color-light-decorative-green-inverted-press: var(
+        --color-dark-decorative-green-inverted-press
+    );
+    --color-light-decorative-green-press: var(--color-dark-decorative-green-press);
+    --color-light-decorative-indigo: var(--color-dark-decorative-indigo);
+    --color-light-decorative-indigo-hover: var(--color-dark-decorative-indigo-hover);
+    --color-light-decorative-indigo-inverted: var(--color-dark-decorative-indigo-inverted);
+    --color-light-decorative-indigo-inverted-hover: var(
+        --color-dark-decorative-indigo-inverted-hover
+    );
+    --color-light-decorative-indigo-inverted-press: var(
+        --color-dark-decorative-indigo-inverted-press
+    );
+    --color-light-decorative-indigo-press: var(--color-dark-decorative-indigo-press);
+    --color-light-decorative-jungle: var(--color-dark-decorative-jungle);
+    --color-light-decorative-jungle-hover: var(--color-dark-decorative-jungle-hover);
+    --color-light-decorative-jungle-inverted: var(--color-dark-decorative-jungle-inverted);
+    --color-light-decorative-jungle-inverted-hover: var(
+        --color-dark-decorative-jungle-inverted-hover
+    );
+    --color-light-decorative-jungle-inverted-press: var(
+        --color-dark-decorative-jungle-inverted-press
+    );
+    --color-light-decorative-jungle-press: var(--color-dark-decorative-jungle-press);
+    --color-light-decorative-magenta: var(--color-dark-decorative-magenta);
+    --color-light-decorative-magenta-hover: var(--color-dark-decorative-magenta-hover);
+    --color-light-decorative-magenta-inverted: var(--color-dark-decorative-magenta-inverted);
+    --color-light-decorative-magenta-inverted-hover: var(
+        --color-dark-decorative-magenta-inverted-hover
+    );
+    --color-light-decorative-magenta-inverted-press: var(
+        --color-dark-decorative-magenta-inverted-press
+    );
+    --color-light-decorative-magenta-press: var(--color-dark-decorative-magenta-press);
+    --color-light-decorative-muted-alt-blue: var(--color-dark-decorative-muted-alt-blue);
+    --color-light-decorative-muted-alt-blue-hover: var(
+        --color-dark-decorative-muted-alt-blue-hover
+    );
+    --color-light-decorative-muted-alt-blue-inverted: var(
+        --color-dark-decorative-muted-alt-blue-inverted
+    );
+    --color-light-decorative-muted-alt-blue-inverted-hover: var(
+        --color-dark-decorative-muted-alt-blue-inverted-hover
+    );
+    --color-light-decorative-muted-alt-blue-inverted-press: var(
+        --color-dark-decorative-muted-alt-blue-inverted-press
+    );
+    --color-light-decorative-muted-alt-blue-press: var(
+        --color-dark-decorative-muted-alt-blue-press
+    );
+    --color-light-decorative-muted-alt-cyan: var(--color-dark-decorative-muted-alt-cyan);
+    --color-light-decorative-muted-alt-cyan-hover: var(
+        --color-dark-decorative-muted-alt-cyan-hover
+    );
+    --color-light-decorative-muted-alt-cyan-inverted: var(
+        --color-dark-decorative-muted-alt-cyan-inverted
+    );
+    --color-light-decorative-muted-alt-cyan-inverted-hover: var(
+        --color-dark-decorative-muted-alt-cyan-inverted-hover
+    );
+    --color-light-decorative-muted-alt-cyan-inverted-press: var(
+        --color-dark-decorative-muted-alt-cyan-inverted-press
+    );
+    --color-light-decorative-muted-alt-cyan-press: var(
+        --color-dark-decorative-muted-alt-cyan-press
+    );
+    --color-light-decorative-muted-alt-fuchsia: var(--color-dark-decorative-muted-alt-fuchsia);
+    --color-light-decorative-muted-alt-fuchsia-hover: var(
+        --color-dark-decorative-muted-alt-fuchsia-hover
+    );
+    --color-light-decorative-muted-alt-fuchsia-inverted: var(
+        --color-dark-decorative-muted-alt-fuchsia-inverted
+    );
+    --color-light-decorative-muted-alt-fuchsia-inverted-hover: var(
+        --color-dark-decorative-muted-alt-fuchsia-inverted-hover
+    );
+    --color-light-decorative-muted-alt-fuchsia-inverted-press: var(
+        --color-dark-decorative-muted-alt-fuchsia-inverted-press
+    );
+    --color-light-decorative-muted-alt-fuchsia-press: var(
+        --color-dark-decorative-muted-alt-fuchsia-press
+    );
+    --color-light-decorative-muted-alt-green: var(--color-dark-decorative-muted-alt-green);
+    --color-light-decorative-muted-alt-green-hover: var(
+        --color-dark-decorative-muted-alt-green-hover
+    );
+    --color-light-decorative-muted-alt-green-inverted: var(
+        --color-dark-decorative-muted-alt-green-inverted
+    );
+    --color-light-decorative-muted-alt-green-inverted-hover: var(
+        --color-dark-decorative-muted-alt-green-inverted-hover
+    );
+    --color-light-decorative-muted-alt-green-inverted-press: var(
+        --color-dark-decorative-muted-alt-green-inverted-press
+    );
+    --color-light-decorative-muted-alt-green-press: var(
+        --color-dark-decorative-muted-alt-green-press
+    );
+    --color-light-decorative-muted-alt-indigo: var(--color-dark-decorative-muted-alt-indigo);
+    --color-light-decorative-muted-alt-indigo-hover: var(
+        --color-dark-decorative-muted-alt-indigo-hover
+    );
+    --color-light-decorative-muted-alt-indigo-inverted: var(
+        --color-dark-decorative-muted-alt-indigo-inverted
+    );
+    --color-light-decorative-muted-alt-indigo-inverted-hover: var(
+        --color-dark-decorative-muted-alt-indigo-inverted-hover
+    );
+    --color-light-decorative-muted-alt-indigo-inverted-press: var(
+        --color-dark-decorative-muted-alt-indigo-inverted-press
+    );
+    --color-light-decorative-muted-alt-indigo-press: var(
+        --color-dark-decorative-muted-alt-indigo-press
+    );
+    --color-light-decorative-muted-alt-jungle: var(--color-dark-decorative-muted-alt-jungle);
+    --color-light-decorative-muted-alt-jungle-hover: var(
+        --color-dark-decorative-muted-alt-jungle-hover
+    );
+    --color-light-decorative-muted-alt-jungle-inverted: var(
+        --color-dark-decorative-muted-alt-jungle-inverted
+    );
+    --color-light-decorative-muted-alt-jungle-inverted-hover: var(
+        --color-dark-decorative-muted-alt-jungle-inverted-hover
+    );
+    --color-light-decorative-muted-alt-jungle-inverted-press: var(
+        --color-dark-decorative-muted-alt-jungle-inverted-press
+    );
+    --color-light-decorative-muted-alt-jungle-press: var(
+        --color-dark-decorative-muted-alt-jungle-press
+    );
+    --color-light-decorative-muted-alt-magenta: var(--color-dark-decorative-muted-alt-magenta);
+    --color-light-decorative-muted-alt-magenta-hover: var(
+        --color-dark-decorative-muted-alt-magenta-hover
+    );
+    --color-light-decorative-muted-alt-magenta-inverted: var(
+        --color-dark-decorative-muted-alt-magenta-inverted
+    );
+    --color-light-decorative-muted-alt-magenta-inverted-hover: var(
+        --color-dark-decorative-muted-alt-magenta-inverted-hover
+    );
+    --color-light-decorative-muted-alt-magenta-inverted-press: var(
+        --color-dark-decorative-muted-alt-magenta-inverted-press
+    );
+    --color-light-decorative-muted-alt-magenta-press: var(
+        --color-dark-decorative-muted-alt-magenta-press
+    );
+    --color-light-decorative-muted-alt-orange: var(--color-dark-decorative-muted-alt-orange);
+    --color-light-decorative-muted-alt-orange-hover: var(
+        --color-dark-decorative-muted-alt-orange-hover
+    );
+    --color-light-decorative-muted-alt-orange-inverted: var(
+        --color-dark-decorative-muted-alt-orange-inverted
+    );
+    --color-light-decorative-muted-alt-orange-inverted-hover: var(
+        --color-dark-decorative-muted-alt-orange-inverted-hover
+    );
+    --color-light-decorative-muted-alt-orange-inverted-press: var(
+        --color-dark-decorative-muted-alt-orange-inverted-press
+    );
+    --color-light-decorative-muted-alt-orange-press: var(
+        --color-dark-decorative-muted-alt-orange-press
+    );
+    --color-light-decorative-muted-alt-pistachio: var(--color-dark-decorative-muted-alt-pistachio);
+    --color-light-decorative-muted-alt-pistachio-hover: var(
+        --color-dark-decorative-muted-alt-pistachio-hover
+    );
+    --color-light-decorative-muted-alt-pistachio-inverted: var(
+        --color-dark-decorative-muted-alt-pistachio-inverted
+    );
+    --color-light-decorative-muted-alt-pistachio-inverted-hover: var(
+        --color-dark-decorative-muted-alt-pistachio-inverted-hover
+    );
+    --color-light-decorative-muted-alt-pistachio-inverted-press: var(
+        --color-dark-decorative-muted-alt-pistachio-inverted-press
+    );
+    --color-light-decorative-muted-alt-pistachio-press: var(
+        --color-dark-decorative-muted-alt-pistachio-press
+    );
+    --color-light-decorative-muted-alt-purple: var(--color-dark-decorative-muted-alt-purple);
+    --color-light-decorative-muted-alt-purple-hover: var(
+        --color-dark-decorative-muted-alt-purple-hover
+    );
+    --color-light-decorative-muted-alt-purple-inverted: var(
+        --color-dark-decorative-muted-alt-purple-inverted
+    );
+    --color-light-decorative-muted-alt-purple-inverted-hover: var(
+        --color-dark-decorative-muted-alt-purple-inverted-hover
+    );
+    --color-light-decorative-muted-alt-purple-inverted-press: var(
+        --color-dark-decorative-muted-alt-purple-inverted-press
+    );
+    --color-light-decorative-muted-alt-purple-press: var(
+        --color-dark-decorative-muted-alt-purple-press
+    );
+    --color-light-decorative-muted-alt-red: var(--color-dark-decorative-muted-alt-red);
+    --color-light-decorative-muted-alt-red-inverted: var(
+        --color-dark-decorative-muted-alt-red-inverted
+    );
+    --color-light-decorative-muted-alt-teal: var(--color-dark-decorative-muted-alt-teal);
+    --color-light-decorative-muted-alt-teal-hover: var(
+        --color-dark-decorative-muted-alt-teal-hover
+    );
+    --color-light-decorative-muted-alt-teal-inverted: var(
+        --color-dark-decorative-muted-alt-teal-inverted
+    );
+    --color-light-decorative-muted-alt-teal-inverted-hover: var(
+        --color-dark-decorative-muted-alt-teal-inverted-hover
+    );
+    --color-light-decorative-muted-alt-teal-inverted-press: var(
+        --color-dark-decorative-muted-alt-teal-inverted-press
+    );
+    --color-light-decorative-muted-alt-teal-press: var(
+        --color-dark-decorative-muted-alt-teal-press
+    );
+    --color-light-decorative-muted-alt-yellow: var(--color-dark-decorative-muted-alt-yellow);
+    --color-light-decorative-muted-alt-yellow-inverted: var(
+        --color-dark-decorative-muted-alt-yellow-inverted
+    );
+    --color-light-decorative-muted-blue: var(--color-dark-decorative-muted-blue);
+    --color-light-decorative-muted-blue-hover: var(--color-dark-decorative-muted-blue-hover);
+    --color-light-decorative-muted-blue-inverted: var(--color-dark-decorative-muted-blue-inverted);
+    --color-light-decorative-muted-blue-inverted-hover: var(
+        --color-dark-decorative-muted-blue-inverted-hover
+    );
+    --color-light-decorative-muted-blue-inverted-press: var(
+        --color-dark-decorative-muted-blue-inverted-press
+    );
+    --color-light-decorative-muted-blue-press: var(--color-dark-decorative-muted-blue-press);
+    --color-light-decorative-muted-cyan: var(--color-dark-decorative-muted-cyan);
+    --color-light-decorative-muted-cyan-hover: var(--color-dark-decorative-muted-cyan-hover);
+    --color-light-decorative-muted-cyan-inverted: var(--color-dark-decorative-muted-cyan-inverted);
+    --color-light-decorative-muted-cyan-inverted-hover: var(
+        --color-dark-decorative-muted-cyan-inverted-hover
+    );
+    --color-light-decorative-muted-cyan-inverted-press: var(
+        --color-dark-decorative-muted-cyan-inverted-press
+    );
+    --color-light-decorative-muted-cyan-press: var(--color-dark-decorative-muted-cyan-press);
+    --color-light-decorative-muted-fuchsia: var(--color-dark-decorative-muted-fuchsia);
+    --color-light-decorative-muted-fuchsia-hover: var(--color-dark-decorative-muted-fuchsia-hover);
+    --color-light-decorative-muted-fuchsia-inverted: var(
+        --color-dark-decorative-muted-fuchsia-inverted
+    );
+    --color-light-decorative-muted-fuchsia-inverted-hover: var(
+        --color-dark-decorative-muted-fuchsia-inverted-hover
+    );
+    --color-light-decorative-muted-fuchsia-inverted-press: var(
+        --color-dark-decorative-muted-fuchsia-inverted-press
+    );
+    --color-light-decorative-muted-fuchsia-press: var(--color-dark-decorative-muted-fuchsia-press);
+    --color-light-decorative-muted-green: var(--color-dark-decorative-muted-green);
+    --color-light-decorative-muted-green-hover: var(--color-dark-decorative-muted-green-hover);
+    --color-light-decorative-muted-green-inverted: var(
+        --color-dark-decorative-muted-green-inverted
+    );
+    --color-light-decorative-muted-green-inverted-hover: var(
+        --color-dark-decorative-muted-green-inverted-hover
+    );
+    --color-light-decorative-muted-green-inverted-press: var(
+        --color-dark-decorative-muted-green-inverted-press
+    );
+    --color-light-decorative-muted-green-press: var(--color-dark-decorative-muted-green-press);
+    --color-light-decorative-muted-indigo: var(--color-dark-decorative-muted-indigo);
+    --color-light-decorative-muted-indigo-hover: var(--color-dark-decorative-muted-indigo-hover);
+    --color-light-decorative-muted-indigo-inverted: var(
+        --color-dark-decorative-muted-indigo-inverted
+    );
+    --color-light-decorative-muted-indigo-inverted-hover: var(
+        --color-dark-decorative-muted-indigo-inverted-hover
+    );
+    --color-light-decorative-muted-indigo-inverted-press: var(
+        --color-dark-decorative-muted-indigo-inverted-press
+    );
+    --color-light-decorative-muted-indigo-press: var(--color-dark-decorative-muted-indigo-press);
+    --color-light-decorative-muted-jungle: var(--color-dark-decorative-muted-jungle);
+    --color-light-decorative-muted-jungle-hover: var(--color-dark-decorative-muted-jungle-hover);
+    --color-light-decorative-muted-jungle-inverted: var(
+        --color-dark-decorative-muted-jungle-inverted
+    );
+    --color-light-decorative-muted-jungle-inverted-hover: var(
+        --color-dark-decorative-muted-jungle-inverted-hover
+    );
+    --color-light-decorative-muted-jungle-inverted-press: var(
+        --color-dark-decorative-muted-jungle-inverted-press
+    );
+    --color-light-decorative-muted-jungle-press: var(--color-dark-decorative-muted-jungle-press);
+    --color-light-decorative-muted-magenta: var(--color-dark-decorative-muted-magenta);
+    --color-light-decorative-muted-magenta-hover: var(--color-dark-decorative-muted-magenta-hover);
+    --color-light-decorative-muted-magenta-inverted: var(
+        --color-dark-decorative-muted-magenta-inverted
+    );
+    --color-light-decorative-muted-magenta-inverted-hover: var(
+        --color-dark-decorative-muted-magenta-inverted-hover
+    );
+    --color-light-decorative-muted-magenta-inverted-press: var(
+        --color-dark-decorative-muted-magenta-inverted-press
+    );
+    --color-light-decorative-muted-magenta-press: var(--color-dark-decorative-muted-magenta-press);
+    --color-light-decorative-muted-orange: var(--color-dark-decorative-muted-orange);
+    --color-light-decorative-muted-orange-hover: var(--color-dark-decorative-muted-orange-hover);
+    --color-light-decorative-muted-orange-inverted: var(
+        --color-dark-decorative-muted-orange-inverted
+    );
+    --color-light-decorative-muted-orange-inverted-hover: var(
+        --color-dark-decorative-muted-orange-inverted-hover
+    );
+    --color-light-decorative-muted-orange-inverted-press: var(
+        --color-dark-decorative-muted-orange-inverted-press
+    );
+    --color-light-decorative-muted-orange-press: var(--color-dark-decorative-muted-orange-press);
+    --color-light-decorative-muted-pistachio: var(--color-dark-decorative-muted-pistachio);
+    --color-light-decorative-muted-pistachio-hover: var(
+        --color-dark-decorative-muted-pistachio-hover
+    );
+    --color-light-decorative-muted-pistachio-inverted: var(
+        --color-dark-decorative-muted-pistachio-inverted
+    );
+    --color-light-decorative-muted-pistachio-inverted-hover: var(
+        --color-dark-decorative-muted-pistachio-inverted-hover
+    );
+    --color-light-decorative-muted-pistachio-inverted-press: var(
+        --color-dark-decorative-muted-pistachio-inverted-press
+    );
+    --color-light-decorative-muted-pistachio-press: var(
+        --color-dark-decorative-muted-pistachio-press
+    );
+    --color-light-decorative-muted-purple: var(--color-dark-decorative-muted-purple);
+    --color-light-decorative-muted-purple-hover: var(--color-dark-decorative-muted-purple-hover);
+    --color-light-decorative-muted-purple-inverted: var(
+        --color-dark-decorative-muted-purple-inverted
+    );
+    --color-light-decorative-muted-purple-inverted-hover: var(
+        --color-dark-decorative-muted-purple-inverted-hover
+    );
+    --color-light-decorative-muted-purple-inverted-press: var(
+        --color-dark-decorative-muted-purple-inverted-press
+    );
+    --color-light-decorative-muted-purple-press: var(--color-dark-decorative-muted-purple-press);
+    --color-light-decorative-muted-red: var(--color-dark-decorative-muted-red);
+    --color-light-decorative-muted-red-inverted: var(--color-dark-decorative-muted-red-inverted);
+    --color-light-decorative-muted-teal: var(--color-dark-decorative-muted-teal);
+    --color-light-decorative-muted-teal-hover: var(--color-dark-decorative-muted-teal-hover);
+    --color-light-decorative-muted-teal-inverted: var(--color-dark-decorative-muted-teal-inverted);
+    --color-light-decorative-muted-teal-inverted-hover: var(
+        --color-dark-decorative-muted-teal-inverted-hover
+    );
+    --color-light-decorative-muted-teal-inverted-press: var(
+        --color-dark-decorative-muted-teal-inverted-press
+    );
+    --color-light-decorative-muted-teal-press: var(--color-dark-decorative-muted-teal-press);
+    --color-light-decorative-muted-yellow: var(--color-dark-decorative-muted-yellow);
+    --color-light-decorative-muted-yellow-inverted: var(
+        --color-dark-decorative-muted-yellow-inverted
+    );
+    --color-light-decorative-orange: var(--color-dark-decorative-orange);
+    --color-light-decorative-orange-hover: var(--color-dark-decorative-orange-hover);
+    --color-light-decorative-orange-inverted: var(--color-dark-decorative-orange-inverted);
+    --color-light-decorative-orange-inverted-hover: var(
+        --color-dark-decorative-orange-inverted-hover
+    );
+    --color-light-decorative-orange-inverted-press: var(
+        --color-dark-decorative-orange-inverted-press
+    );
+    --color-light-decorative-orange-press: var(--color-dark-decorative-orange-press);
+    --color-light-decorative-pistachio: var(--color-dark-decorative-pistachio);
+    --color-light-decorative-pistachio-hover: var(--color-dark-decorative-pistachio-hover);
+    --color-light-decorative-pistachio-inverted: var(--color-dark-decorative-pistachio-inverted);
+    --color-light-decorative-pistachio-inverted-hover: var(
+        --color-dark-decorative-pistachio-inverted-hover
+    );
+    --color-light-decorative-pistachio-inverted-press: var(
+        --color-dark-decorative-pistachio-inverted-press
+    );
+    --color-light-decorative-pistachio-press: var(--color-dark-decorative-pistachio-press);
+    --color-light-decorative-purple: var(--color-dark-decorative-purple);
+    --color-light-decorative-purple-hover: var(--color-dark-decorative-purple-hover);
+    --color-light-decorative-purple-inverted: var(--color-dark-decorative-purple-inverted);
+    --color-light-decorative-purple-inverted-hover: var(
+        --color-dark-decorative-purple-inverted-hover
+    );
+    --color-light-decorative-purple-inverted-press: var(
+        --color-dark-decorative-purple-inverted-press
+    );
+    --color-light-decorative-purple-press: var(--color-dark-decorative-purple-press);
+    --color-light-decorative-red: var(--color-dark-decorative-red);
+    --color-light-decorative-red-inverted: var(--color-dark-decorative-red-inverted);
+    --color-light-decorative-soft-blue: var(--color-dark-decorative-soft-blue);
+    --color-light-decorative-soft-blue-hover: var(--color-dark-decorative-soft-blue-hover);
+    --color-light-decorative-soft-blue-inverted: var(--color-dark-decorative-soft-blue-inverted);
+    --color-light-decorative-soft-blue-inverted-hover: var(
+        --color-dark-decorative-soft-blue-inverted-hover
+    );
+    --color-light-decorative-soft-blue-inverted-press: var(
+        --color-dark-decorative-soft-blue-inverted-press
+    );
+    --color-light-decorative-soft-blue-press: var(--color-dark-decorative-soft-blue-press);
+    --color-light-decorative-soft-cyan: var(--color-dark-decorative-soft-cyan);
+    --color-light-decorative-soft-cyan-hover: var(--color-dark-decorative-soft-cyan-hover);
+    --color-light-decorative-soft-cyan-inverted: var(--color-dark-decorative-soft-cyan-inverted);
+    --color-light-decorative-soft-cyan-inverted-hover: var(
+        --color-dark-decorative-soft-cyan-inverted-hover
+    );
+    --color-light-decorative-soft-cyan-inverted-press: var(
+        --color-dark-decorative-soft-cyan-inverted-press
+    );
+    --color-light-decorative-soft-cyan-press: var(--color-dark-decorative-soft-cyan-press);
+    --color-light-decorative-soft-fuchsia: var(--color-dark-decorative-soft-fuchsia);
+    --color-light-decorative-soft-fuchsia-hover: var(--color-dark-decorative-soft-fuchsia-hover);
+    --color-light-decorative-soft-fuchsia-inverted: var(
+        --color-dark-decorative-soft-fuchsia-inverted
+    );
+    --color-light-decorative-soft-fuchsia-inverted-hover: var(
+        --color-dark-decorative-soft-fuchsia-inverted-hover
+    );
+    --color-light-decorative-soft-fuchsia-inverted-press: var(
+        --color-dark-decorative-soft-fuchsia-inverted-press
+    );
+    --color-light-decorative-soft-fuchsia-press: var(--color-dark-decorative-soft-fuchsia-press);
+    --color-light-decorative-soft-green: var(--color-dark-decorative-soft-green);
+    --color-light-decorative-soft-green-hover: var(--color-dark-decorative-soft-green-hover);
+    --color-light-decorative-soft-green-inverted: var(--color-dark-decorative-soft-green-inverted);
+    --color-light-decorative-soft-green-inverted-hover: var(
+        --color-dark-decorative-soft-green-inverted-hover
+    );
+    --color-light-decorative-soft-green-inverted-press: var(
+        --color-dark-decorative-soft-green-inverted-press
+    );
+    --color-light-decorative-soft-green-press: var(--color-dark-decorative-soft-green-press);
+    --color-light-decorative-soft-indigo: var(--color-dark-decorative-soft-indigo);
+    --color-light-decorative-soft-indigo-hover: var(--color-dark-decorative-soft-indigo-hover);
+    --color-light-decorative-soft-indigo-inverted: var(
+        --color-dark-decorative-soft-indigo-inverted
+    );
+    --color-light-decorative-soft-indigo-inverted-hover: var(
+        --color-dark-decorative-soft-indigo-inverted-hover
+    );
+    --color-light-decorative-soft-indigo-inverted-press: var(
+        --color-dark-decorative-soft-indigo-inverted-press
+    );
+    --color-light-decorative-soft-indigo-press: var(--color-dark-decorative-soft-indigo-press);
+    --color-light-decorative-soft-jungle: var(--color-dark-decorative-soft-jungle);
+    --color-light-decorative-soft-jungle-hover: var(--color-dark-decorative-soft-jungle-hover);
+    --color-light-decorative-soft-jungle-inverted: var(
+        --color-dark-decorative-soft-jungle-inverted
+    );
+    --color-light-decorative-soft-jungle-inverted-hover: var(
+        --color-dark-decorative-soft-jungle-inverted-hover
+    );
+    --color-light-decorative-soft-jungle-inverted-press: var(
+        --color-dark-decorative-soft-jungle-inverted-press
+    );
+    --color-light-decorative-soft-jungle-press: var(--color-dark-decorative-soft-jungle-press);
+    --color-light-decorative-soft-magenta: var(--color-dark-decorative-soft-magenta);
+    --color-light-decorative-soft-magenta-hover: var(--color-dark-decorative-soft-magenta-hover);
+    --color-light-decorative-soft-magenta-inverted: var(
+        --color-dark-decorative-soft-magenta-inverted
+    );
+    --color-light-decorative-soft-magenta-inverted-hover: var(
+        --color-dark-decorative-soft-magenta-inverted-hover
+    );
+    --color-light-decorative-soft-magenta-inverted-press: var(
+        --color-dark-decorative-soft-magenta-inverted-press
+    );
+    --color-light-decorative-soft-magenta-press: var(--color-dark-decorative-soft-magenta-press);
+    --color-light-decorative-soft-orange: var(--color-dark-decorative-soft-orange);
+    --color-light-decorative-soft-orange-hover: var(--color-dark-decorative-soft-orange-hover);
+    --color-light-decorative-soft-orange-inverted: var(
+        --color-dark-decorative-soft-orange-inverted
+    );
+    --color-light-decorative-soft-orange-inverted-hover: var(
+        --color-dark-decorative-soft-orange-inverted-hover
+    );
+    --color-light-decorative-soft-orange-inverted-press: var(
+        --color-dark-decorative-soft-orange-inverted-press
+    );
+    --color-light-decorative-soft-orange-press: var(--color-dark-decorative-soft-orange-press);
+    --color-light-decorative-soft-pistachio: var(--color-dark-decorative-soft-pistachio);
+    --color-light-decorative-soft-pistachio-hover: var(
+        --color-dark-decorative-soft-pistachio-hover
+    );
+    --color-light-decorative-soft-pistachio-inverted: var(
+        --color-dark-decorative-soft-pistachio-inverted
+    );
+    --color-light-decorative-soft-pistachio-inverted-hover: var(
+        --color-dark-decorative-soft-pistachio-inverted-hover
+    );
+    --color-light-decorative-soft-pistachio-inverted-press: var(
+        --color-dark-decorative-soft-pistachio-inverted-press
+    );
+    --color-light-decorative-soft-pistachio-press: var(
+        --color-dark-decorative-soft-pistachio-press
+    );
+    --color-light-decorative-soft-purple: var(--color-dark-decorative-soft-purple);
+    --color-light-decorative-soft-purple-hover: var(--color-dark-decorative-soft-purple-hover);
+    --color-light-decorative-soft-purple-inverted: var(
+        --color-dark-decorative-soft-purple-inverted
+    );
+    --color-light-decorative-soft-purple-inverted-hover: var(
+        --color-dark-decorative-soft-purple-inverted-hover
+    );
+    --color-light-decorative-soft-purple-inverted-press: var(
+        --color-dark-decorative-soft-purple-inverted-press
+    );
+    --color-light-decorative-soft-purple-press: var(--color-dark-decorative-soft-purple-press);
+    --color-light-decorative-soft-red: var(--color-dark-decorative-soft-red);
+    --color-light-decorative-soft-red-inverted: var(--color-dark-decorative-soft-red-inverted);
+    --color-light-decorative-soft-teal: var(--color-dark-decorative-soft-teal);
+    --color-light-decorative-soft-teal-hover: var(--color-dark-decorative-soft-teal-hover);
+    --color-light-decorative-soft-teal-inverted: var(--color-dark-decorative-soft-teal-inverted);
+    --color-light-decorative-soft-teal-inverted-hover: var(
+        --color-dark-decorative-soft-teal-inverted-hover
+    );
+    --color-light-decorative-soft-teal-inverted-press: var(
+        --color-dark-decorative-soft-teal-inverted-press
+    );
+    --color-light-decorative-soft-teal-press: var(--color-dark-decorative-soft-teal-press);
+    --color-light-decorative-soft-yellow: var(--color-dark-decorative-soft-yellow);
+    --color-light-decorative-soft-yellow-inverted: var(
+        --color-dark-decorative-soft-yellow-inverted
+    );
+    --color-light-decorative-teal: var(--color-dark-decorative-teal);
+    --color-light-decorative-teal-hover: var(--color-dark-decorative-teal-hover);
+    --color-light-decorative-teal-inverted: var(--color-dark-decorative-teal-inverted);
+    --color-light-decorative-teal-inverted-hover: var(--color-dark-decorative-teal-inverted-hover);
+    --color-light-decorative-teal-inverted-press: var(--color-dark-decorative-teal-inverted-press);
+    --color-light-decorative-teal-press: var(--color-dark-decorative-teal-press);
+    --color-light-decorative-text-blue: var(--color-dark-decorative-text-blue);
+    --color-light-decorative-text-blue-inverted: var(--color-dark-decorative-text-blue-inverted);
+    --color-light-decorative-text-cyan: var(--color-dark-decorative-text-cyan);
+    --color-light-decorative-text-cyan-inverted: var(--color-dark-decorative-text-cyan-inverted);
+    --color-light-decorative-text-fuchsia: var(--color-dark-decorative-text-fuchsia);
+    --color-light-decorative-text-fuchsia-inverted: var(
+        --color-dark-decorative-text-fuchsia-inverted
+    );
+    --color-light-decorative-text-green: var(--color-dark-decorative-text-green);
+    --color-light-decorative-text-green-inverted: var(--color-dark-decorative-text-green-inverted);
+    --color-light-decorative-text-indigo: var(--color-dark-decorative-text-indigo);
+    --color-light-decorative-text-indigo-inverted: var(
+        --color-dark-decorative-text-indigo-inverted
+    );
+    --color-light-decorative-text-jungle: var(--color-dark-decorative-text-jungle);
+    --color-light-decorative-text-jungle-inverted: var(
+        --color-dark-decorative-text-jungle-inverted
+    );
+    --color-light-decorative-text-magenta: var(--color-dark-decorative-text-magenta);
+    --color-light-decorative-text-magenta-inverted: var(
+        --color-dark-decorative-text-magenta-inverted
+    );
+    --color-light-decorative-text-orange: var(--color-dark-decorative-text-orange);
+    --color-light-decorative-text-orange-inverted: var(
+        --color-dark-decorative-text-orange-inverted
+    );
+    --color-light-decorative-text-pistachio: var(--color-dark-decorative-text-pistachio);
+    --color-light-decorative-text-pistachio-inverted: var(
+        --color-dark-decorative-text-pistachio-inverted
+    );
+    --color-light-decorative-text-purple: var(--color-dark-decorative-text-purple);
+    --color-light-decorative-text-purple-inverted: var(
+        --color-dark-decorative-text-purple-inverted
+    );
+    --color-light-decorative-text-red: var(--color-dark-decorative-text-red);
+    --color-light-decorative-text-red-inverted: var(--color-dark-decorative-text-red-inverted);
+    --color-light-decorative-text-teal: var(--color-dark-decorative-text-teal);
+    --color-light-decorative-text-teal-inverted: var(--color-dark-decorative-text-teal-inverted);
+    --color-light-decorative-text-yellow: var(--color-dark-decorative-text-yellow);
+    --color-light-decorative-text-yellow-inverted: var(
+        --color-dark-decorative-text-yellow-inverted
+    );
+    --color-light-decorative-yellow: var(--color-dark-decorative-yellow);
+    --color-light-decorative-yellow-inverted: var(--color-dark-decorative-yellow-inverted);
+}
+:root {
+    --color-light-monochrome-black-2: var(--color-dark-monochrome-black-2);
+    --color-light-monochrome-black-2-inverted: var(--color-dark-monochrome-black-2-inverted);
+    --color-light-monochrome-black-4: var(--color-dark-monochrome-black-4);
+    --color-light-monochrome-black-4-inverted: var(--color-dark-monochrome-black-4-inverted);
+    --color-light-monochrome-black-6: var(--color-dark-monochrome-black-6);
+    --color-light-monochrome-black-6-inverted: var(--color-dark-monochrome-black-6-inverted);
+    --color-light-monochrome-black-8: var(--color-dark-monochrome-black-8);
+    --color-light-monochrome-black-8-inverted: var(--color-dark-monochrome-black-8-inverted);
+    --color-light-monochrome-black-10: var(--color-dark-monochrome-black-10);
+    --color-light-monochrome-black-10-inverted: var(--color-dark-monochrome-black-10-inverted);
+    --color-light-monochrome-black-12: var(--color-dark-monochrome-black-12);
+    --color-light-monochrome-black-12-inverted: var(--color-dark-monochrome-black-12-inverted);
+    --color-light-monochrome-black-16: var(--color-dark-monochrome-black-16);
+    --color-light-monochrome-black-16-inverted: var(--color-dark-monochrome-black-16-inverted);
+    --color-light-monochrome-black-20: var(--color-dark-monochrome-black-20);
+    --color-light-monochrome-black-20-inverted: var(--color-dark-monochrome-black-20-inverted);
+    --color-light-monochrome-black-24: var(--color-dark-monochrome-black-24);
+    --color-light-monochrome-black-24-inverted: var(--color-dark-monochrome-black-24-inverted);
+    --color-light-monochrome-black-32: var(--color-dark-monochrome-black-32);
+    --color-light-monochrome-black-32-inverted: var(--color-dark-monochrome-black-32-inverted);
+    --color-light-monochrome-black-40: var(--color-dark-monochrome-black-40);
+    --color-light-monochrome-black-40-inverted: var(--color-dark-monochrome-black-40-inverted);
+    --color-light-monochrome-black-44: var(--color-dark-monochrome-black-44);
+    --color-light-monochrome-black-44-inverted: var(--color-dark-monochrome-black-44-inverted);
+    --color-light-monochrome-black-48: var(--color-dark-monochrome-black-48);
+    --color-light-monochrome-black-48-inverted: var(--color-dark-monochrome-black-48-inverted);
+    --color-light-monochrome-black-56: var(--color-dark-monochrome-black-56);
+    --color-light-monochrome-black-56-inverted: var(--color-dark-monochrome-black-56-inverted);
+    --color-light-monochrome-black-64: var(--color-dark-monochrome-black-64);
+    --color-light-monochrome-black-64-inverted: var(--color-dark-monochrome-black-64-inverted);
+    --color-light-monochrome-black-72: var(--color-dark-monochrome-black-72);
+    --color-light-monochrome-black-72-inverted: var(--color-dark-monochrome-black-72-inverted);
+    --color-light-monochrome-black-80: var(--color-dark-monochrome-black-80);
+    --color-light-monochrome-black-80-inverted: var(--color-dark-monochrome-black-80-inverted);
+    --color-light-monochrome-black-88: var(--color-dark-monochrome-black-88);
+    --color-light-monochrome-black-88-inverted: var(--color-dark-monochrome-black-88-inverted);
+    --color-light-monochrome-black-100: var(--color-dark-monochrome-black-100);
+    --color-light-monochrome-black-100-inverted: var(--color-dark-monochrome-black-100-inverted);
+    --color-light-monochrome-white-2: var(--color-dark-monochrome-white-2);
+    --color-light-monochrome-white-2-inverted: var(--color-dark-monochrome-white-2-inverted);
+    --color-light-monochrome-white-4: var(--color-dark-monochrome-white-4);
+    --color-light-monochrome-white-4-inverted: var(--color-dark-monochrome-white-4-inverted);
+    --color-light-monochrome-white-6: var(--color-dark-monochrome-white-6);
+    --color-light-monochrome-white-6-inverted: var(--color-dark-monochrome-white-6-inverted);
+    --color-light-monochrome-white-8: var(--color-dark-monochrome-white-8);
+    --color-light-monochrome-white-8-inverted: var(--color-dark-monochrome-white-8-inverted);
+    --color-light-monochrome-white-10: var(--color-dark-monochrome-white-10);
+    --color-light-monochrome-white-10-inverted: var(--color-dark-monochrome-white-10-inverted);
+    --color-light-monochrome-white-12: var(--color-dark-monochrome-white-12);
+    --color-light-monochrome-white-12-inverted: var(--color-dark-monochrome-white-12-inverted);
+    --color-light-monochrome-white-16: var(--color-dark-monochrome-white-16);
+    --color-light-monochrome-white-16-inverted: var(--color-dark-monochrome-white-16-inverted);
+    --color-light-monochrome-white-20: var(--color-dark-monochrome-white-20);
+    --color-light-monochrome-white-20-inverted: var(--color-dark-monochrome-white-20-inverted);
+    --color-light-monochrome-white-24: var(--color-dark-monochrome-white-24);
+    --color-light-monochrome-white-24-inverted: var(--color-dark-monochrome-white-24-inverted);
+    --color-light-monochrome-white-32: var(--color-dark-monochrome-white-32);
+    --color-light-monochrome-white-32-inverted: var(--color-dark-monochrome-white-32-inverted);
+    --color-light-monochrome-white-40: var(--color-dark-monochrome-white-40);
+    --color-light-monochrome-white-40-inverted: var(--color-dark-monochrome-white-40-inverted);
+    --color-light-monochrome-white-44: var(--color-dark-monochrome-white-44);
+    --color-light-monochrome-white-44-inverted: var(--color-dark-monochrome-white-44-inverted);
+    --color-light-monochrome-white-48: var(--color-dark-monochrome-white-48);
+    --color-light-monochrome-white-48-inverted: var(--color-dark-monochrome-white-48-inverted);
+    --color-light-monochrome-white-56: var(--color-dark-monochrome-white-56);
+    --color-light-monochrome-white-56-inverted: var(--color-dark-monochrome-white-56-inverted);
+    --color-light-monochrome-white-64: var(--color-dark-monochrome-white-64);
+    --color-light-monochrome-white-64-inverted: var(--color-dark-monochrome-white-64-inverted);
+    --color-light-monochrome-white-72: var(--color-dark-monochrome-white-72);
+    --color-light-monochrome-white-72-inverted: var(--color-dark-monochrome-white-72-inverted);
+    --color-light-monochrome-white-80: var(--color-dark-monochrome-white-80);
+    --color-light-monochrome-white-80-inverted: var(--color-dark-monochrome-white-80-inverted);
+    --color-light-monochrome-white-88: var(--color-dark-monochrome-white-88);
+    --color-light-monochrome-white-88-inverted: var(--color-dark-monochrome-white-88-inverted);
+    --color-light-monochrome-white-100: var(--color-dark-monochrome-white-100);
+    --color-light-monochrome-white-100-inverted: var(--color-dark-monochrome-white-100-inverted);
+}
 :root {
     --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);
     --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);
@@ -1561,6 +2239,172 @@
     --color-dark-monochrome-white-100: #000;
     --color-dark-monochrome-white-100-inverted: #fff;
 }
+:root {
+    --color-light-qualitative-duocolor-set-a-1: var(--color-dark-qualitative-duocolor-set-a-1);
+    --color-light-qualitative-duocolor-set-a-2: var(--color-dark-qualitative-duocolor-set-a-2);
+    --color-light-qualitative-duocolor-set-b-1: var(--color-dark-qualitative-duocolor-set-b-1);
+    --color-light-qualitative-duocolor-set-b-2: var(--color-dark-qualitative-duocolor-set-b-2);
+    --color-light-qualitative-duocolor-set-c-1: var(--color-dark-qualitative-duocolor-set-c-1);
+    --color-light-qualitative-duocolor-set-c-2: var(--color-dark-qualitative-duocolor-set-c-2);
+    --color-light-qualitative-duocolor-set-d-1: var(--color-dark-qualitative-duocolor-set-d-1);
+    --color-light-qualitative-duocolor-set-d-2: var(--color-dark-qualitative-duocolor-set-d-2);
+    --color-light-qualitative-duocolor-set-e-1: var(--color-dark-qualitative-duocolor-set-e-1);
+    --color-light-qualitative-duocolor-set-e-2: var(--color-dark-qualitative-duocolor-set-e-2);
+    --color-light-qualitative-duocolor-set-f-1: var(--color-dark-qualitative-duocolor-set-f-1);
+    --color-light-qualitative-duocolor-set-f-2: var(--color-dark-qualitative-duocolor-set-f-2);
+    --color-light-qualitative-duocolor-set-g-1: var(--color-dark-qualitative-duocolor-set-g-1);
+    --color-light-qualitative-duocolor-set-g-2: var(--color-dark-qualitative-duocolor-set-g-2);
+    --color-light-qualitative-flexible-1: var(--color-dark-qualitative-flexible-1);
+    --color-light-qualitative-flexible-10: var(--color-dark-qualitative-flexible-10);
+    --color-light-qualitative-flexible-11: var(--color-dark-qualitative-flexible-11);
+    --color-light-qualitative-flexible-12: var(--color-dark-qualitative-flexible-12);
+    --color-light-qualitative-flexible-13: var(--color-dark-qualitative-flexible-13);
+    --color-light-qualitative-flexible-14: var(--color-dark-qualitative-flexible-14);
+    --color-light-qualitative-flexible-2: var(--color-dark-qualitative-flexible-2);
+    --color-light-qualitative-flexible-3: var(--color-dark-qualitative-flexible-3);
+    --color-light-qualitative-flexible-4: var(--color-dark-qualitative-flexible-4);
+    --color-light-qualitative-flexible-5: var(--color-dark-qualitative-flexible-5);
+    --color-light-qualitative-flexible-6: var(--color-dark-qualitative-flexible-6);
+    --color-light-qualitative-flexible-7: var(--color-dark-qualitative-flexible-7);
+    --color-light-qualitative-flexible-8: var(--color-dark-qualitative-flexible-8);
+    --color-light-qualitative-flexible-9: var(--color-dark-qualitative-flexible-9);
+    --color-light-qualitative-monocolor-blue: var(--color-dark-qualitative-monocolor-blue);
+    --color-light-qualitative-monocolor-green: var(--color-dark-qualitative-monocolor-green);
+    --color-light-qualitative-monocolor-indigo: var(--color-dark-qualitative-monocolor-indigo);
+    --color-light-qualitative-monocolor-magenta: var(--color-dark-qualitative-monocolor-magenta);
+    --color-light-qualitative-monocolor-orange: var(--color-dark-qualitative-monocolor-orange);
+    --color-light-qualitative-monocolor-pistachio: var(
+        --color-dark-qualitative-monocolor-pistachio
+    );
+    --color-light-qualitative-monocolor-red: var(--color-dark-qualitative-monocolor-red);
+    --color-light-qualitative-monocolor-teal: var(--color-dark-qualitative-monocolor-teal);
+    --color-light-qualitative-monocolor-yellow: var(--color-dark-qualitative-monocolor-yellow);
+    --color-light-qualitative-tetracolor-set-a-1: var(--color-dark-qualitative-tetracolor-set-a-1);
+    --color-light-qualitative-tetracolor-set-a-2: var(--color-dark-qualitative-tetracolor-set-a-2);
+    --color-light-qualitative-tetracolor-set-a-3: var(--color-dark-qualitative-tetracolor-set-a-3);
+    --color-light-qualitative-tetracolor-set-a-4: var(--color-dark-qualitative-tetracolor-set-a-4);
+    --color-light-qualitative-tetracolor-set-b-1: var(--color-dark-qualitative-tetracolor-set-b-1);
+    --color-light-qualitative-tetracolor-set-b-2: var(--color-dark-qualitative-tetracolor-set-b-2);
+    --color-light-qualitative-tetracolor-set-b-3: var(--color-dark-qualitative-tetracolor-set-b-3);
+    --color-light-qualitative-tetracolor-set-b-4: var(--color-dark-qualitative-tetracolor-set-b-4);
+    --color-light-qualitative-tetracolor-set-c-1: var(--color-dark-qualitative-tetracolor-set-c-1);
+    --color-light-qualitative-tetracolor-set-c-2: var(--color-dark-qualitative-tetracolor-set-c-2);
+    --color-light-qualitative-tetracolor-set-c-3: var(--color-dark-qualitative-tetracolor-set-c-3);
+    --color-light-qualitative-tetracolor-set-c-4: var(--color-dark-qualitative-tetracolor-set-c-4);
+    --color-light-qualitative-tricolor-set-a-1: var(--color-dark-qualitative-tricolor-set-a-1);
+    --color-light-qualitative-tricolor-set-a-2: var(--color-dark-qualitative-tricolor-set-a-2);
+    --color-light-qualitative-tricolor-set-a-3: var(--color-dark-qualitative-tricolor-set-a-3);
+    --color-light-qualitative-tricolor-set-b-1: var(--color-dark-qualitative-tricolor-set-b-1);
+    --color-light-qualitative-tricolor-set-b-2: var(--color-dark-qualitative-tricolor-set-b-2);
+    --color-light-qualitative-tricolor-set-b-3: var(--color-dark-qualitative-tricolor-set-b-3);
+    --color-light-qualitative-tricolor-set-c-1: var(--color-dark-qualitative-tricolor-set-c-1);
+    --color-light-qualitative-tricolor-set-c-2: var(--color-dark-qualitative-tricolor-set-c-2);
+    --color-light-qualitative-tricolor-set-c-3: var(--color-dark-qualitative-tricolor-set-c-3);
+    --color-light-qualitative-tricolor-set-d-1: var(--color-dark-qualitative-tricolor-set-d-1);
+    --color-light-qualitative-tricolor-set-d-2: var(--color-dark-qualitative-tricolor-set-d-2);
+    --color-light-qualitative-tricolor-set-d-3: var(--color-dark-qualitative-tricolor-set-d-3);
+    --color-light-qualitative-tricolor-set-e-1: var(--color-dark-qualitative-tricolor-set-e-1);
+    --color-light-qualitative-tricolor-set-e-2: var(--color-dark-qualitative-tricolor-set-e-2);
+    --color-light-qualitative-tricolor-set-e-3: var(--color-dark-qualitative-tricolor-set-e-3);
+}
+:root {
+    --color-light-sequential-blue-1: var(--color-dark-sequential-blue-1);
+    --color-light-sequential-blue-2: var(--color-dark-sequential-blue-2);
+    --color-light-sequential-blue-3: var(--color-dark-sequential-blue-3);
+    --color-light-sequential-blue-4: var(--color-dark-sequential-blue-4);
+    --color-light-sequential-blue-5: var(--color-dark-sequential-blue-5);
+    --color-light-sequential-blue-6: var(--color-dark-sequential-blue-6);
+    --color-light-sequential-blue-7: var(--color-dark-sequential-blue-7);
+    --color-light-sequential-blue-8: var(--color-dark-sequential-blue-8);
+    --color-light-sequential-cyan-1: var(--color-dark-sequential-cyan-1);
+    --color-light-sequential-cyan-2: var(--color-dark-sequential-cyan-2);
+    --color-light-sequential-cyan-3: var(--color-dark-sequential-cyan-3);
+    --color-light-sequential-cyan-4: var(--color-dark-sequential-cyan-4);
+    --color-light-sequential-cyan-5: var(--color-dark-sequential-cyan-5);
+    --color-light-sequential-cyan-6: var(--color-dark-sequential-cyan-6);
+    --color-light-sequential-cyan-7: var(--color-dark-sequential-cyan-7);
+    --color-light-sequential-cyan-8: var(--color-dark-sequential-cyan-8);
+    --color-light-sequential-fuchsia-1: var(--color-dark-sequential-fuchsia-1);
+    --color-light-sequential-fuchsia-2: var(--color-dark-sequential-fuchsia-2);
+    --color-light-sequential-fuchsia-3: var(--color-dark-sequential-fuchsia-3);
+    --color-light-sequential-fuchsia-4: var(--color-dark-sequential-fuchsia-4);
+    --color-light-sequential-fuchsia-5: var(--color-dark-sequential-fuchsia-5);
+    --color-light-sequential-fuchsia-6: var(--color-dark-sequential-fuchsia-6);
+    --color-light-sequential-fuchsia-7: var(--color-dark-sequential-fuchsia-7);
+    --color-light-sequential-fuchsia-8: var(--color-dark-sequential-fuchsia-8);
+    --color-light-sequential-green-1: var(--color-dark-sequential-green-1);
+    --color-light-sequential-green-2: var(--color-dark-sequential-green-2);
+    --color-light-sequential-green-3: var(--color-dark-sequential-green-3);
+    --color-light-sequential-green-4: var(--color-dark-sequential-green-4);
+    --color-light-sequential-green-5: var(--color-dark-sequential-green-5);
+    --color-light-sequential-green-6: var(--color-dark-sequential-green-6);
+    --color-light-sequential-green-7: var(--color-dark-sequential-green-7);
+    --color-light-sequential-green-8: var(--color-dark-sequential-green-8);
+    --color-light-sequential-indigo-1: var(--color-dark-sequential-indigo-1);
+    --color-light-sequential-indigo-2: var(--color-dark-sequential-indigo-2);
+    --color-light-sequential-indigo-3: var(--color-dark-sequential-indigo-3);
+    --color-light-sequential-indigo-4: var(--color-dark-sequential-indigo-4);
+    --color-light-sequential-indigo-5: var(--color-dark-sequential-indigo-5);
+    --color-light-sequential-indigo-6: var(--color-dark-sequential-indigo-6);
+    --color-light-sequential-indigo-7: var(--color-dark-sequential-indigo-7);
+    --color-light-sequential-indigo-8: var(--color-dark-sequential-indigo-8);
+    --color-light-sequential-jungle-1: var(--color-dark-sequential-jungle-1);
+    --color-light-sequential-jungle-2: var(--color-dark-sequential-jungle-2);
+    --color-light-sequential-jungle-3: var(--color-dark-sequential-jungle-3);
+    --color-light-sequential-jungle-4: var(--color-dark-sequential-jungle-4);
+    --color-light-sequential-jungle-5: var(--color-dark-sequential-jungle-5);
+    --color-light-sequential-jungle-6: var(--color-dark-sequential-jungle-6);
+    --color-light-sequential-jungle-7: var(--color-dark-sequential-jungle-7);
+    --color-light-sequential-jungle-8: var(--color-dark-sequential-jungle-8);
+    --color-light-sequential-magenta-1: var(--color-dark-sequential-magenta-1);
+    --color-light-sequential-magenta-2: var(--color-dark-sequential-magenta-2);
+    --color-light-sequential-magenta-3: var(--color-dark-sequential-magenta-3);
+    --color-light-sequential-magenta-4: var(--color-dark-sequential-magenta-4);
+    --color-light-sequential-magenta-5: var(--color-dark-sequential-magenta-5);
+    --color-light-sequential-magenta-6: var(--color-dark-sequential-magenta-6);
+    --color-light-sequential-magenta-7: var(--color-dark-sequential-magenta-7);
+    --color-light-sequential-magenta-8: var(--color-dark-sequential-magenta-8);
+    --color-light-sequential-orange-1: var(--color-dark-sequential-orange-1);
+    --color-light-sequential-orange-2: var(--color-dark-sequential-orange-2);
+    --color-light-sequential-orange-3: var(--color-dark-sequential-orange-3);
+    --color-light-sequential-orange-4: var(--color-dark-sequential-orange-4);
+    --color-light-sequential-orange-5: var(--color-dark-sequential-orange-5);
+    --color-light-sequential-orange-6: var(--color-dark-sequential-orange-6);
+    --color-light-sequential-orange-7: var(--color-dark-sequential-orange-7);
+    --color-light-sequential-orange-8: var(--color-dark-sequential-orange-8);
+    --color-light-sequential-pistachio-1: var(--color-dark-sequential-pistachio-1);
+    --color-light-sequential-pistachio-2: var(--color-dark-sequential-pistachio-2);
+    --color-light-sequential-pistachio-3: var(--color-dark-sequential-pistachio-3);
+    --color-light-sequential-pistachio-4: var(--color-dark-sequential-pistachio-4);
+    --color-light-sequential-pistachio-5: var(--color-dark-sequential-pistachio-5);
+    --color-light-sequential-pistachio-6: var(--color-dark-sequential-pistachio-6);
+    --color-light-sequential-pistachio-7: var(--color-dark-sequential-pistachio-7);
+    --color-light-sequential-pistachio-8: var(--color-dark-sequential-pistachio-8);
+    --color-light-sequential-purple-1: var(--color-dark-sequential-purple-1);
+    --color-light-sequential-purple-2: var(--color-dark-sequential-purple-2);
+    --color-light-sequential-purple-3: var(--color-dark-sequential-purple-3);
+    --color-light-sequential-purple-4: var(--color-dark-sequential-purple-4);
+    --color-light-sequential-purple-5: var(--color-dark-sequential-purple-5);
+    --color-light-sequential-purple-6: var(--color-dark-sequential-purple-6);
+    --color-light-sequential-purple-7: var(--color-dark-sequential-purple-7);
+    --color-light-sequential-purple-8: var(--color-dark-sequential-purple-8);
+    --color-light-sequential-red-1: var(--color-dark-sequential-red-1);
+    --color-light-sequential-red-2: var(--color-dark-sequential-red-2);
+    --color-light-sequential-red-3: var(--color-dark-sequential-red-3);
+    --color-light-sequential-red-4: var(--color-dark-sequential-red-4);
+    --color-light-sequential-red-5: var(--color-dark-sequential-red-5);
+    --color-light-sequential-red-6: var(--color-dark-sequential-red-6);
+    --color-light-sequential-red-7: var(--color-dark-sequential-red-7);
+    --color-light-sequential-red-8: var(--color-dark-sequential-red-8);
+    --color-light-sequential-teal-1: var(--color-dark-sequential-teal-1);
+    --color-light-sequential-teal-2: var(--color-dark-sequential-teal-2);
+    --color-light-sequential-teal-3: var(--color-dark-sequential-teal-3);
+    --color-light-sequential-teal-4: var(--color-dark-sequential-teal-4);
+    --color-light-sequential-teal-5: var(--color-dark-sequential-teal-5);
+    --color-light-sequential-teal-6: var(--color-dark-sequential-teal-6);
+    --color-light-sequential-teal-7: var(--color-dark-sequential-teal-7);
+    --color-light-sequential-teal-8: var(--color-dark-sequential-teal-8);
+}
 :root {
     --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
     --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
@@ -1705,7 +2549,10 @@
     --gap-8xl-neg: -128px; /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -1740,6 +2587,12 @@
     --gap-128-neg: var(--gap-8xl-neg);
 }
 /* сбрасывает синюю подсветку при нажатии */
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
     --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),