@cruglobal/cornerstone-components 0.1.0

package/dist/unbundled/styles/color/variants/cru.css

@@ -0,0 +1,2609 @@
+/* Generated by tools/palette.mjs from tools/brands/cru.json — do not edit by hand.
+ *
+ * Which hue plays each semantic role, and the classes that let an author change one. The
+ * `:where(:root)` block is the default; each `.cs-{role}-{hue}` class re-points a single role,
+ * which is the capability the color tokens page documents as "Changing Variant Colors".
+ */
+@import url('../../layers.css');
+
+@layer cs-color-variant {
+  /* brand — defaults to yellow */
+  :where(:root), /* default */
+  .cs-brand-yellow {
+    --cs-color-brand-95: var(--cs-color-yellow-95);
+    --cs-color-brand-90: var(--cs-color-yellow-90);
+    --cs-color-brand-80: var(--cs-color-yellow-80);
+    --cs-color-brand-70: var(--cs-color-yellow-70);
+    --cs-color-brand-60: var(--cs-color-yellow-60);
+    --cs-color-brand-50: var(--cs-color-yellow-50);
+    --cs-color-brand-40: var(--cs-color-yellow-40);
+    --cs-color-brand-30: var(--cs-color-yellow-30);
+    --cs-color-brand-20: var(--cs-color-yellow-20);
+    --cs-color-brand-10: var(--cs-color-yellow-10);
+    --cs-color-brand-05: var(--cs-color-yellow-05);
+    --cs-color-brand: var(--cs-color-yellow-80);
+    --cs-color-brand-key: 80;
+    --cs-color-brand-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-brand-lemon {
+    --cs-color-brand-95: var(--cs-color-lemon-95);
+    --cs-color-brand-90: var(--cs-color-lemon-90);
+    --cs-color-brand-80: var(--cs-color-lemon-80);
+    --cs-color-brand-70: var(--cs-color-lemon-70);
+    --cs-color-brand-60: var(--cs-color-lemon-60);
+    --cs-color-brand-50: var(--cs-color-lemon-50);
+    --cs-color-brand-40: var(--cs-color-lemon-40);
+    --cs-color-brand-30: var(--cs-color-lemon-30);
+    --cs-color-brand-20: var(--cs-color-lemon-20);
+    --cs-color-brand-10: var(--cs-color-lemon-10);
+    --cs-color-brand-05: var(--cs-color-lemon-05);
+    --cs-color-brand: var(--cs-color-lemon-90);
+    --cs-color-brand-key: 90;
+    --cs-color-brand-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-brand-orange {
+    --cs-color-brand-95: var(--cs-color-orange-95);
+    --cs-color-brand-90: var(--cs-color-orange-90);
+    --cs-color-brand-80: var(--cs-color-orange-80);
+    --cs-color-brand-70: var(--cs-color-orange-70);
+    --cs-color-brand-60: var(--cs-color-orange-60);
+    --cs-color-brand-50: var(--cs-color-orange-50);
+    --cs-color-brand-40: var(--cs-color-orange-40);
+    --cs-color-brand-30: var(--cs-color-orange-30);
+    --cs-color-brand-20: var(--cs-color-orange-20);
+    --cs-color-brand-10: var(--cs-color-orange-10);
+    --cs-color-brand-05: var(--cs-color-orange-05);
+    --cs-color-brand: var(--cs-color-orange-60);
+    --cs-color-brand-key: 60;
+    --cs-color-brand-on: var(--cs-color-orange-on);
+  }
+
+  .cs-brand-vermilion {
+    --cs-color-brand-95: var(--cs-color-vermilion-95);
+    --cs-color-brand-90: var(--cs-color-vermilion-90);
+    --cs-color-brand-80: var(--cs-color-vermilion-80);
+    --cs-color-brand-70: var(--cs-color-vermilion-70);
+    --cs-color-brand-60: var(--cs-color-vermilion-60);
+    --cs-color-brand-50: var(--cs-color-vermilion-50);
+    --cs-color-brand-40: var(--cs-color-vermilion-40);
+    --cs-color-brand-30: var(--cs-color-vermilion-30);
+    --cs-color-brand-20: var(--cs-color-vermilion-20);
+    --cs-color-brand-10: var(--cs-color-vermilion-10);
+    --cs-color-brand-05: var(--cs-color-vermilion-05);
+    --cs-color-brand: var(--cs-color-vermilion-50);
+    --cs-color-brand-key: 50;
+    --cs-color-brand-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-brand-rose {
+    --cs-color-brand-95: var(--cs-color-rose-95);
+    --cs-color-brand-90: var(--cs-color-rose-90);
+    --cs-color-brand-80: var(--cs-color-rose-80);
+    --cs-color-brand-70: var(--cs-color-rose-70);
+    --cs-color-brand-60: var(--cs-color-rose-60);
+    --cs-color-brand-50: var(--cs-color-rose-50);
+    --cs-color-brand-40: var(--cs-color-rose-40);
+    --cs-color-brand-30: var(--cs-color-rose-30);
+    --cs-color-brand-20: var(--cs-color-rose-20);
+    --cs-color-brand-10: var(--cs-color-rose-10);
+    --cs-color-brand-05: var(--cs-color-rose-05);
+    --cs-color-brand: var(--cs-color-rose-80);
+    --cs-color-brand-key: 80;
+    --cs-color-brand-on: var(--cs-color-rose-on);
+  }
+
+  .cs-brand-pink {
+    --cs-color-brand-95: var(--cs-color-pink-95);
+    --cs-color-brand-90: var(--cs-color-pink-90);
+    --cs-color-brand-80: var(--cs-color-pink-80);
+    --cs-color-brand-70: var(--cs-color-pink-70);
+    --cs-color-brand-60: var(--cs-color-pink-60);
+    --cs-color-brand-50: var(--cs-color-pink-50);
+    --cs-color-brand-40: var(--cs-color-pink-40);
+    --cs-color-brand-30: var(--cs-color-pink-30);
+    --cs-color-brand-20: var(--cs-color-pink-20);
+    --cs-color-brand-10: var(--cs-color-pink-10);
+    --cs-color-brand-05: var(--cs-color-pink-05);
+    --cs-color-brand: var(--cs-color-pink-60);
+    --cs-color-brand-key: 60;
+    --cs-color-brand-on: var(--cs-color-pink-on);
+  }
+
+  .cs-brand-cerise {
+    --cs-color-brand-95: var(--cs-color-cerise-95);
+    --cs-color-brand-90: var(--cs-color-cerise-90);
+    --cs-color-brand-80: var(--cs-color-cerise-80);
+    --cs-color-brand-70: var(--cs-color-cerise-70);
+    --cs-color-brand-60: var(--cs-color-cerise-60);
+    --cs-color-brand-50: var(--cs-color-cerise-50);
+    --cs-color-brand-40: var(--cs-color-cerise-40);
+    --cs-color-brand-30: var(--cs-color-cerise-30);
+    --cs-color-brand-20: var(--cs-color-cerise-20);
+    --cs-color-brand-10: var(--cs-color-cerise-10);
+    --cs-color-brand-05: var(--cs-color-cerise-05);
+    --cs-color-brand: var(--cs-color-cerise-50);
+    --cs-color-brand-key: 50;
+    --cs-color-brand-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-brand-ruby {
+    --cs-color-brand-95: var(--cs-color-ruby-95);
+    --cs-color-brand-90: var(--cs-color-ruby-90);
+    --cs-color-brand-80: var(--cs-color-ruby-80);
+    --cs-color-brand-70: var(--cs-color-ruby-70);
+    --cs-color-brand-60: var(--cs-color-ruby-60);
+    --cs-color-brand-50: var(--cs-color-ruby-50);
+    --cs-color-brand-40: var(--cs-color-ruby-40);
+    --cs-color-brand-30: var(--cs-color-ruby-30);
+    --cs-color-brand-20: var(--cs-color-ruby-20);
+    --cs-color-brand-10: var(--cs-color-ruby-10);
+    --cs-color-brand-05: var(--cs-color-ruby-05);
+    --cs-color-brand: var(--cs-color-ruby-30);
+    --cs-color-brand-key: 30;
+    --cs-color-brand-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-brand-sky {
+    --cs-color-brand-95: var(--cs-color-sky-95);
+    --cs-color-brand-90: var(--cs-color-sky-90);
+    --cs-color-brand-80: var(--cs-color-sky-80);
+    --cs-color-brand-70: var(--cs-color-sky-70);
+    --cs-color-brand-60: var(--cs-color-sky-60);
+    --cs-color-brand-50: var(--cs-color-sky-50);
+    --cs-color-brand-40: var(--cs-color-sky-40);
+    --cs-color-brand-30: var(--cs-color-sky-30);
+    --cs-color-brand-20: var(--cs-color-sky-20);
+    --cs-color-brand-10: var(--cs-color-sky-10);
+    --cs-color-brand-05: var(--cs-color-sky-05);
+    --cs-color-brand: var(--cs-color-sky-90);
+    --cs-color-brand-key: 90;
+    --cs-color-brand-on: var(--cs-color-sky-on);
+  }
+
+  .cs-brand-cyan {
+    --cs-color-brand-95: var(--cs-color-cyan-95);
+    --cs-color-brand-90: var(--cs-color-cyan-90);
+    --cs-color-brand-80: var(--cs-color-cyan-80);
+    --cs-color-brand-70: var(--cs-color-cyan-70);
+    --cs-color-brand-60: var(--cs-color-cyan-60);
+    --cs-color-brand-50: var(--cs-color-cyan-50);
+    --cs-color-brand-40: var(--cs-color-cyan-40);
+    --cs-color-brand-30: var(--cs-color-cyan-30);
+    --cs-color-brand-20: var(--cs-color-cyan-20);
+    --cs-color-brand-10: var(--cs-color-cyan-10);
+    --cs-color-brand-05: var(--cs-color-cyan-05);
+    --cs-color-brand: var(--cs-color-cyan-70);
+    --cs-color-brand-key: 70;
+    --cs-color-brand-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-brand-turquoise {
+    --cs-color-brand-95: var(--cs-color-turquoise-95);
+    --cs-color-brand-90: var(--cs-color-turquoise-90);
+    --cs-color-brand-80: var(--cs-color-turquoise-80);
+    --cs-color-brand-70: var(--cs-color-turquoise-70);
+    --cs-color-brand-60: var(--cs-color-turquoise-60);
+    --cs-color-brand-50: var(--cs-color-turquoise-50);
+    --cs-color-brand-40: var(--cs-color-turquoise-40);
+    --cs-color-brand-30: var(--cs-color-turquoise-30);
+    --cs-color-brand-20: var(--cs-color-turquoise-20);
+    --cs-color-brand-10: var(--cs-color-turquoise-10);
+    --cs-color-brand-05: var(--cs-color-turquoise-05);
+    --cs-color-brand: var(--cs-color-turquoise-50);
+    --cs-color-brand-key: 50;
+    --cs-color-brand-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-brand-navy {
+    --cs-color-brand-95: var(--cs-color-navy-95);
+    --cs-color-brand-90: var(--cs-color-navy-90);
+    --cs-color-brand-80: var(--cs-color-navy-80);
+    --cs-color-brand-70: var(--cs-color-navy-70);
+    --cs-color-brand-60: var(--cs-color-navy-60);
+    --cs-color-brand-50: var(--cs-color-navy-50);
+    --cs-color-brand-40: var(--cs-color-navy-40);
+    --cs-color-brand-30: var(--cs-color-navy-30);
+    --cs-color-brand-20: var(--cs-color-navy-20);
+    --cs-color-brand-10: var(--cs-color-navy-10);
+    --cs-color-brand-05: var(--cs-color-navy-05);
+    --cs-color-brand: var(--cs-color-navy-10);
+    --cs-color-brand-key: 10;
+    --cs-color-brand-on: var(--cs-color-navy-on);
+  }
+
+  .cs-brand-mint {
+    --cs-color-brand-95: var(--cs-color-mint-95);
+    --cs-color-brand-90: var(--cs-color-mint-90);
+    --cs-color-brand-80: var(--cs-color-mint-80);
+    --cs-color-brand-70: var(--cs-color-mint-70);
+    --cs-color-brand-60: var(--cs-color-mint-60);
+    --cs-color-brand-50: var(--cs-color-mint-50);
+    --cs-color-brand-40: var(--cs-color-mint-40);
+    --cs-color-brand-30: var(--cs-color-mint-30);
+    --cs-color-brand-20: var(--cs-color-mint-20);
+    --cs-color-brand-10: var(--cs-color-mint-10);
+    --cs-color-brand-05: var(--cs-color-mint-05);
+    --cs-color-brand: var(--cs-color-mint-80);
+    --cs-color-brand-key: 80;
+    --cs-color-brand-on: var(--cs-color-mint-on);
+  }
+
+  .cs-brand-green {
+    --cs-color-brand-95: var(--cs-color-green-95);
+    --cs-color-brand-90: var(--cs-color-green-90);
+    --cs-color-brand-80: var(--cs-color-green-80);
+    --cs-color-brand-70: var(--cs-color-green-70);
+    --cs-color-brand-60: var(--cs-color-green-60);
+    --cs-color-brand-50: var(--cs-color-green-50);
+    --cs-color-brand-40: var(--cs-color-green-40);
+    --cs-color-brand-30: var(--cs-color-green-30);
+    --cs-color-brand-20: var(--cs-color-green-20);
+    --cs-color-brand-10: var(--cs-color-green-10);
+    --cs-color-brand-05: var(--cs-color-green-05);
+    --cs-color-brand: var(--cs-color-green-70);
+    --cs-color-brand-key: 70;
+    --cs-color-brand-on: var(--cs-color-green-on);
+  }
+
+  .cs-brand-moss {
+    --cs-color-brand-95: var(--cs-color-moss-95);
+    --cs-color-brand-90: var(--cs-color-moss-90);
+    --cs-color-brand-80: var(--cs-color-moss-80);
+    --cs-color-brand-70: var(--cs-color-moss-70);
+    --cs-color-brand-60: var(--cs-color-moss-60);
+    --cs-color-brand-50: var(--cs-color-moss-50);
+    --cs-color-brand-40: var(--cs-color-moss-40);
+    --cs-color-brand-30: var(--cs-color-moss-30);
+    --cs-color-brand-20: var(--cs-color-moss-20);
+    --cs-color-brand-10: var(--cs-color-moss-10);
+    --cs-color-brand-05: var(--cs-color-moss-05);
+    --cs-color-brand: var(--cs-color-moss-40);
+    --cs-color-brand-key: 40;
+    --cs-color-brand-on: var(--cs-color-moss-on);
+  }
+
+  .cs-brand-olive-drab {
+    --cs-color-brand-95: var(--cs-color-olive-drab-95);
+    --cs-color-brand-90: var(--cs-color-olive-drab-90);
+    --cs-color-brand-80: var(--cs-color-olive-drab-80);
+    --cs-color-brand-70: var(--cs-color-olive-drab-70);
+    --cs-color-brand-60: var(--cs-color-olive-drab-60);
+    --cs-color-brand-50: var(--cs-color-olive-drab-50);
+    --cs-color-brand-40: var(--cs-color-olive-drab-40);
+    --cs-color-brand-30: var(--cs-color-olive-drab-30);
+    --cs-color-brand-20: var(--cs-color-olive-drab-20);
+    --cs-color-brand-10: var(--cs-color-olive-drab-10);
+    --cs-color-brand-05: var(--cs-color-olive-drab-05);
+    --cs-color-brand: var(--cs-color-olive-drab-20);
+    --cs-color-brand-key: 20;
+    --cs-color-brand-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-brand-gray {
+    --cs-color-brand-95: var(--cs-color-gray-95);
+    --cs-color-brand-90: var(--cs-color-gray-90);
+    --cs-color-brand-80: var(--cs-color-gray-80);
+    --cs-color-brand-70: var(--cs-color-gray-70);
+    --cs-color-brand-60: var(--cs-color-gray-60);
+    --cs-color-brand-50: var(--cs-color-gray-50);
+    --cs-color-brand-40: var(--cs-color-gray-40);
+    --cs-color-brand-30: var(--cs-color-gray-30);
+    --cs-color-brand-20: var(--cs-color-gray-20);
+    --cs-color-brand-10: var(--cs-color-gray-10);
+    --cs-color-brand-05: var(--cs-color-gray-05);
+    --cs-color-brand: var(--cs-color-gray-95);
+    --cs-color-brand-key: 95;
+    --cs-color-brand-on: var(--cs-color-gray-on);
+  }
+
+  .cs-brand-graphite {
+    --cs-color-brand-95: var(--cs-color-graphite-95);
+    --cs-color-brand-90: var(--cs-color-graphite-90);
+    --cs-color-brand-80: var(--cs-color-graphite-80);
+    --cs-color-brand-70: var(--cs-color-graphite-70);
+    --cs-color-brand-60: var(--cs-color-graphite-60);
+    --cs-color-brand-50: var(--cs-color-graphite-50);
+    --cs-color-brand-40: var(--cs-color-graphite-40);
+    --cs-color-brand-30: var(--cs-color-graphite-30);
+    --cs-color-brand-20: var(--cs-color-graphite-20);
+    --cs-color-brand-10: var(--cs-color-graphite-10);
+    --cs-color-brand-05: var(--cs-color-graphite-05);
+    --cs-color-brand: var(--cs-color-graphite-40);
+    --cs-color-brand-key: 40;
+    --cs-color-brand-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-brand-purple {
+    --cs-color-brand-95: var(--cs-color-purple-95);
+    --cs-color-brand-90: var(--cs-color-purple-90);
+    --cs-color-brand-80: var(--cs-color-purple-80);
+    --cs-color-brand-70: var(--cs-color-purple-70);
+    --cs-color-brand-60: var(--cs-color-purple-60);
+    --cs-color-brand-50: var(--cs-color-purple-50);
+    --cs-color-brand-40: var(--cs-color-purple-40);
+    --cs-color-brand-30: var(--cs-color-purple-30);
+    --cs-color-brand-20: var(--cs-color-purple-20);
+    --cs-color-brand-10: var(--cs-color-purple-10);
+    --cs-color-brand-05: var(--cs-color-purple-05);
+    --cs-color-brand: var(--cs-color-purple-50);
+    --cs-color-brand-key: 50;
+    --cs-color-brand-on: var(--cs-color-purple-on);
+  }
+
+  /* neutral — defaults to gray */
+  :where(:root), /* default */
+  .cs-neutral-gray {
+    --cs-color-neutral-95: var(--cs-color-gray-95);
+    --cs-color-neutral-90: var(--cs-color-gray-90);
+    --cs-color-neutral-80: var(--cs-color-gray-80);
+    --cs-color-neutral-70: var(--cs-color-gray-70);
+    --cs-color-neutral-60: var(--cs-color-gray-60);
+    --cs-color-neutral-50: var(--cs-color-gray-50);
+    --cs-color-neutral-40: var(--cs-color-gray-40);
+    --cs-color-neutral-30: var(--cs-color-gray-30);
+    --cs-color-neutral-20: var(--cs-color-gray-20);
+    --cs-color-neutral-10: var(--cs-color-gray-10);
+    --cs-color-neutral-05: var(--cs-color-gray-05);
+    --cs-color-neutral: var(--cs-color-gray-95);
+    --cs-color-neutral-key: 95;
+    --cs-color-neutral-on: var(--cs-color-gray-on);
+  }
+
+  .cs-neutral-lemon {
+    --cs-color-neutral-95: var(--cs-color-lemon-95);
+    --cs-color-neutral-90: var(--cs-color-lemon-90);
+    --cs-color-neutral-80: var(--cs-color-lemon-80);
+    --cs-color-neutral-70: var(--cs-color-lemon-70);
+    --cs-color-neutral-60: var(--cs-color-lemon-60);
+    --cs-color-neutral-50: var(--cs-color-lemon-50);
+    --cs-color-neutral-40: var(--cs-color-lemon-40);
+    --cs-color-neutral-30: var(--cs-color-lemon-30);
+    --cs-color-neutral-20: var(--cs-color-lemon-20);
+    --cs-color-neutral-10: var(--cs-color-lemon-10);
+    --cs-color-neutral-05: var(--cs-color-lemon-05);
+    --cs-color-neutral: var(--cs-color-lemon-90);
+    --cs-color-neutral-key: 90;
+    --cs-color-neutral-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-neutral-yellow {
+    --cs-color-neutral-95: var(--cs-color-yellow-95);
+    --cs-color-neutral-90: var(--cs-color-yellow-90);
+    --cs-color-neutral-80: var(--cs-color-yellow-80);
+    --cs-color-neutral-70: var(--cs-color-yellow-70);
+    --cs-color-neutral-60: var(--cs-color-yellow-60);
+    --cs-color-neutral-50: var(--cs-color-yellow-50);
+    --cs-color-neutral-40: var(--cs-color-yellow-40);
+    --cs-color-neutral-30: var(--cs-color-yellow-30);
+    --cs-color-neutral-20: var(--cs-color-yellow-20);
+    --cs-color-neutral-10: var(--cs-color-yellow-10);
+    --cs-color-neutral-05: var(--cs-color-yellow-05);
+    --cs-color-neutral: var(--cs-color-yellow-80);
+    --cs-color-neutral-key: 80;
+    --cs-color-neutral-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-neutral-orange {
+    --cs-color-neutral-95: var(--cs-color-orange-95);
+    --cs-color-neutral-90: var(--cs-color-orange-90);
+    --cs-color-neutral-80: var(--cs-color-orange-80);
+    --cs-color-neutral-70: var(--cs-color-orange-70);
+    --cs-color-neutral-60: var(--cs-color-orange-60);
+    --cs-color-neutral-50: var(--cs-color-orange-50);
+    --cs-color-neutral-40: var(--cs-color-orange-40);
+    --cs-color-neutral-30: var(--cs-color-orange-30);
+    --cs-color-neutral-20: var(--cs-color-orange-20);
+    --cs-color-neutral-10: var(--cs-color-orange-10);
+    --cs-color-neutral-05: var(--cs-color-orange-05);
+    --cs-color-neutral: var(--cs-color-orange-60);
+    --cs-color-neutral-key: 60;
+    --cs-color-neutral-on: var(--cs-color-orange-on);
+  }
+
+  .cs-neutral-vermilion {
+    --cs-color-neutral-95: var(--cs-color-vermilion-95);
+    --cs-color-neutral-90: var(--cs-color-vermilion-90);
+    --cs-color-neutral-80: var(--cs-color-vermilion-80);
+    --cs-color-neutral-70: var(--cs-color-vermilion-70);
+    --cs-color-neutral-60: var(--cs-color-vermilion-60);
+    --cs-color-neutral-50: var(--cs-color-vermilion-50);
+    --cs-color-neutral-40: var(--cs-color-vermilion-40);
+    --cs-color-neutral-30: var(--cs-color-vermilion-30);
+    --cs-color-neutral-20: var(--cs-color-vermilion-20);
+    --cs-color-neutral-10: var(--cs-color-vermilion-10);
+    --cs-color-neutral-05: var(--cs-color-vermilion-05);
+    --cs-color-neutral: var(--cs-color-vermilion-50);
+    --cs-color-neutral-key: 50;
+    --cs-color-neutral-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-neutral-rose {
+    --cs-color-neutral-95: var(--cs-color-rose-95);
+    --cs-color-neutral-90: var(--cs-color-rose-90);
+    --cs-color-neutral-80: var(--cs-color-rose-80);
+    --cs-color-neutral-70: var(--cs-color-rose-70);
+    --cs-color-neutral-60: var(--cs-color-rose-60);
+    --cs-color-neutral-50: var(--cs-color-rose-50);
+    --cs-color-neutral-40: var(--cs-color-rose-40);
+    --cs-color-neutral-30: var(--cs-color-rose-30);
+    --cs-color-neutral-20: var(--cs-color-rose-20);
+    --cs-color-neutral-10: var(--cs-color-rose-10);
+    --cs-color-neutral-05: var(--cs-color-rose-05);
+    --cs-color-neutral: var(--cs-color-rose-80);
+    --cs-color-neutral-key: 80;
+    --cs-color-neutral-on: var(--cs-color-rose-on);
+  }
+
+  .cs-neutral-pink {
+    --cs-color-neutral-95: var(--cs-color-pink-95);
+    --cs-color-neutral-90: var(--cs-color-pink-90);
+    --cs-color-neutral-80: var(--cs-color-pink-80);
+    --cs-color-neutral-70: var(--cs-color-pink-70);
+    --cs-color-neutral-60: var(--cs-color-pink-60);
+    --cs-color-neutral-50: var(--cs-color-pink-50);
+    --cs-color-neutral-40: var(--cs-color-pink-40);
+    --cs-color-neutral-30: var(--cs-color-pink-30);
+    --cs-color-neutral-20: var(--cs-color-pink-20);
+    --cs-color-neutral-10: var(--cs-color-pink-10);
+    --cs-color-neutral-05: var(--cs-color-pink-05);
+    --cs-color-neutral: var(--cs-color-pink-60);
+    --cs-color-neutral-key: 60;
+    --cs-color-neutral-on: var(--cs-color-pink-on);
+  }
+
+  .cs-neutral-cerise {
+    --cs-color-neutral-95: var(--cs-color-cerise-95);
+    --cs-color-neutral-90: var(--cs-color-cerise-90);
+    --cs-color-neutral-80: var(--cs-color-cerise-80);
+    --cs-color-neutral-70: var(--cs-color-cerise-70);
+    --cs-color-neutral-60: var(--cs-color-cerise-60);
+    --cs-color-neutral-50: var(--cs-color-cerise-50);
+    --cs-color-neutral-40: var(--cs-color-cerise-40);
+    --cs-color-neutral-30: var(--cs-color-cerise-30);
+    --cs-color-neutral-20: var(--cs-color-cerise-20);
+    --cs-color-neutral-10: var(--cs-color-cerise-10);
+    --cs-color-neutral-05: var(--cs-color-cerise-05);
+    --cs-color-neutral: var(--cs-color-cerise-50);
+    --cs-color-neutral-key: 50;
+    --cs-color-neutral-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-neutral-ruby {
+    --cs-color-neutral-95: var(--cs-color-ruby-95);
+    --cs-color-neutral-90: var(--cs-color-ruby-90);
+    --cs-color-neutral-80: var(--cs-color-ruby-80);
+    --cs-color-neutral-70: var(--cs-color-ruby-70);
+    --cs-color-neutral-60: var(--cs-color-ruby-60);
+    --cs-color-neutral-50: var(--cs-color-ruby-50);
+    --cs-color-neutral-40: var(--cs-color-ruby-40);
+    --cs-color-neutral-30: var(--cs-color-ruby-30);
+    --cs-color-neutral-20: var(--cs-color-ruby-20);
+    --cs-color-neutral-10: var(--cs-color-ruby-10);
+    --cs-color-neutral-05: var(--cs-color-ruby-05);
+    --cs-color-neutral: var(--cs-color-ruby-30);
+    --cs-color-neutral-key: 30;
+    --cs-color-neutral-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-neutral-sky {
+    --cs-color-neutral-95: var(--cs-color-sky-95);
+    --cs-color-neutral-90: var(--cs-color-sky-90);
+    --cs-color-neutral-80: var(--cs-color-sky-80);
+    --cs-color-neutral-70: var(--cs-color-sky-70);
+    --cs-color-neutral-60: var(--cs-color-sky-60);
+    --cs-color-neutral-50: var(--cs-color-sky-50);
+    --cs-color-neutral-40: var(--cs-color-sky-40);
+    --cs-color-neutral-30: var(--cs-color-sky-30);
+    --cs-color-neutral-20: var(--cs-color-sky-20);
+    --cs-color-neutral-10: var(--cs-color-sky-10);
+    --cs-color-neutral-05: var(--cs-color-sky-05);
+    --cs-color-neutral: var(--cs-color-sky-90);
+    --cs-color-neutral-key: 90;
+    --cs-color-neutral-on: var(--cs-color-sky-on);
+  }
+
+  .cs-neutral-cyan {
+    --cs-color-neutral-95: var(--cs-color-cyan-95);
+    --cs-color-neutral-90: var(--cs-color-cyan-90);
+    --cs-color-neutral-80: var(--cs-color-cyan-80);
+    --cs-color-neutral-70: var(--cs-color-cyan-70);
+    --cs-color-neutral-60: var(--cs-color-cyan-60);
+    --cs-color-neutral-50: var(--cs-color-cyan-50);
+    --cs-color-neutral-40: var(--cs-color-cyan-40);
+    --cs-color-neutral-30: var(--cs-color-cyan-30);
+    --cs-color-neutral-20: var(--cs-color-cyan-20);
+    --cs-color-neutral-10: var(--cs-color-cyan-10);
+    --cs-color-neutral-05: var(--cs-color-cyan-05);
+    --cs-color-neutral: var(--cs-color-cyan-70);
+    --cs-color-neutral-key: 70;
+    --cs-color-neutral-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-neutral-turquoise {
+    --cs-color-neutral-95: var(--cs-color-turquoise-95);
+    --cs-color-neutral-90: var(--cs-color-turquoise-90);
+    --cs-color-neutral-80: var(--cs-color-turquoise-80);
+    --cs-color-neutral-70: var(--cs-color-turquoise-70);
+    --cs-color-neutral-60: var(--cs-color-turquoise-60);
+    --cs-color-neutral-50: var(--cs-color-turquoise-50);
+    --cs-color-neutral-40: var(--cs-color-turquoise-40);
+    --cs-color-neutral-30: var(--cs-color-turquoise-30);
+    --cs-color-neutral-20: var(--cs-color-turquoise-20);
+    --cs-color-neutral-10: var(--cs-color-turquoise-10);
+    --cs-color-neutral-05: var(--cs-color-turquoise-05);
+    --cs-color-neutral: var(--cs-color-turquoise-50);
+    --cs-color-neutral-key: 50;
+    --cs-color-neutral-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-neutral-navy {
+    --cs-color-neutral-95: var(--cs-color-navy-95);
+    --cs-color-neutral-90: var(--cs-color-navy-90);
+    --cs-color-neutral-80: var(--cs-color-navy-80);
+    --cs-color-neutral-70: var(--cs-color-navy-70);
+    --cs-color-neutral-60: var(--cs-color-navy-60);
+    --cs-color-neutral-50: var(--cs-color-navy-50);
+    --cs-color-neutral-40: var(--cs-color-navy-40);
+    --cs-color-neutral-30: var(--cs-color-navy-30);
+    --cs-color-neutral-20: var(--cs-color-navy-20);
+    --cs-color-neutral-10: var(--cs-color-navy-10);
+    --cs-color-neutral-05: var(--cs-color-navy-05);
+    --cs-color-neutral: var(--cs-color-navy-10);
+    --cs-color-neutral-key: 10;
+    --cs-color-neutral-on: var(--cs-color-navy-on);
+  }
+
+  .cs-neutral-mint {
+    --cs-color-neutral-95: var(--cs-color-mint-95);
+    --cs-color-neutral-90: var(--cs-color-mint-90);
+    --cs-color-neutral-80: var(--cs-color-mint-80);
+    --cs-color-neutral-70: var(--cs-color-mint-70);
+    --cs-color-neutral-60: var(--cs-color-mint-60);
+    --cs-color-neutral-50: var(--cs-color-mint-50);
+    --cs-color-neutral-40: var(--cs-color-mint-40);
+    --cs-color-neutral-30: var(--cs-color-mint-30);
+    --cs-color-neutral-20: var(--cs-color-mint-20);
+    --cs-color-neutral-10: var(--cs-color-mint-10);
+    --cs-color-neutral-05: var(--cs-color-mint-05);
+    --cs-color-neutral: var(--cs-color-mint-80);
+    --cs-color-neutral-key: 80;
+    --cs-color-neutral-on: var(--cs-color-mint-on);
+  }
+
+  .cs-neutral-green {
+    --cs-color-neutral-95: var(--cs-color-green-95);
+    --cs-color-neutral-90: var(--cs-color-green-90);
+    --cs-color-neutral-80: var(--cs-color-green-80);
+    --cs-color-neutral-70: var(--cs-color-green-70);
+    --cs-color-neutral-60: var(--cs-color-green-60);
+    --cs-color-neutral-50: var(--cs-color-green-50);
+    --cs-color-neutral-40: var(--cs-color-green-40);
+    --cs-color-neutral-30: var(--cs-color-green-30);
+    --cs-color-neutral-20: var(--cs-color-green-20);
+    --cs-color-neutral-10: var(--cs-color-green-10);
+    --cs-color-neutral-05: var(--cs-color-green-05);
+    --cs-color-neutral: var(--cs-color-green-70);
+    --cs-color-neutral-key: 70;
+    --cs-color-neutral-on: var(--cs-color-green-on);
+  }
+
+  .cs-neutral-moss {
+    --cs-color-neutral-95: var(--cs-color-moss-95);
+    --cs-color-neutral-90: var(--cs-color-moss-90);
+    --cs-color-neutral-80: var(--cs-color-moss-80);
+    --cs-color-neutral-70: var(--cs-color-moss-70);
+    --cs-color-neutral-60: var(--cs-color-moss-60);
+    --cs-color-neutral-50: var(--cs-color-moss-50);
+    --cs-color-neutral-40: var(--cs-color-moss-40);
+    --cs-color-neutral-30: var(--cs-color-moss-30);
+    --cs-color-neutral-20: var(--cs-color-moss-20);
+    --cs-color-neutral-10: var(--cs-color-moss-10);
+    --cs-color-neutral-05: var(--cs-color-moss-05);
+    --cs-color-neutral: var(--cs-color-moss-40);
+    --cs-color-neutral-key: 40;
+    --cs-color-neutral-on: var(--cs-color-moss-on);
+  }
+
+  .cs-neutral-olive-drab {
+    --cs-color-neutral-95: var(--cs-color-olive-drab-95);
+    --cs-color-neutral-90: var(--cs-color-olive-drab-90);
+    --cs-color-neutral-80: var(--cs-color-olive-drab-80);
+    --cs-color-neutral-70: var(--cs-color-olive-drab-70);
+    --cs-color-neutral-60: var(--cs-color-olive-drab-60);
+    --cs-color-neutral-50: var(--cs-color-olive-drab-50);
+    --cs-color-neutral-40: var(--cs-color-olive-drab-40);
+    --cs-color-neutral-30: var(--cs-color-olive-drab-30);
+    --cs-color-neutral-20: var(--cs-color-olive-drab-20);
+    --cs-color-neutral-10: var(--cs-color-olive-drab-10);
+    --cs-color-neutral-05: var(--cs-color-olive-drab-05);
+    --cs-color-neutral: var(--cs-color-olive-drab-20);
+    --cs-color-neutral-key: 20;
+    --cs-color-neutral-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-neutral-graphite {
+    --cs-color-neutral-95: var(--cs-color-graphite-95);
+    --cs-color-neutral-90: var(--cs-color-graphite-90);
+    --cs-color-neutral-80: var(--cs-color-graphite-80);
+    --cs-color-neutral-70: var(--cs-color-graphite-70);
+    --cs-color-neutral-60: var(--cs-color-graphite-60);
+    --cs-color-neutral-50: var(--cs-color-graphite-50);
+    --cs-color-neutral-40: var(--cs-color-graphite-40);
+    --cs-color-neutral-30: var(--cs-color-graphite-30);
+    --cs-color-neutral-20: var(--cs-color-graphite-20);
+    --cs-color-neutral-10: var(--cs-color-graphite-10);
+    --cs-color-neutral-05: var(--cs-color-graphite-05);
+    --cs-color-neutral: var(--cs-color-graphite-40);
+    --cs-color-neutral-key: 40;
+    --cs-color-neutral-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-neutral-purple {
+    --cs-color-neutral-95: var(--cs-color-purple-95);
+    --cs-color-neutral-90: var(--cs-color-purple-90);
+    --cs-color-neutral-80: var(--cs-color-purple-80);
+    --cs-color-neutral-70: var(--cs-color-purple-70);
+    --cs-color-neutral-60: var(--cs-color-purple-60);
+    --cs-color-neutral-50: var(--cs-color-purple-50);
+    --cs-color-neutral-40: var(--cs-color-purple-40);
+    --cs-color-neutral-30: var(--cs-color-purple-30);
+    --cs-color-neutral-20: var(--cs-color-purple-20);
+    --cs-color-neutral-10: var(--cs-color-purple-10);
+    --cs-color-neutral-05: var(--cs-color-purple-05);
+    --cs-color-neutral: var(--cs-color-purple-50);
+    --cs-color-neutral-key: 50;
+    --cs-color-neutral-on: var(--cs-color-purple-on);
+  }
+
+  /* highlight — defaults to purple */
+  :where(:root), /* default */
+  .cs-highlight-purple {
+    --cs-color-highlight-95: var(--cs-color-purple-95);
+    --cs-color-highlight-90: var(--cs-color-purple-90);
+    --cs-color-highlight-80: var(--cs-color-purple-80);
+    --cs-color-highlight-70: var(--cs-color-purple-70);
+    --cs-color-highlight-60: var(--cs-color-purple-60);
+    --cs-color-highlight-50: var(--cs-color-purple-50);
+    --cs-color-highlight-40: var(--cs-color-purple-40);
+    --cs-color-highlight-30: var(--cs-color-purple-30);
+    --cs-color-highlight-20: var(--cs-color-purple-20);
+    --cs-color-highlight-10: var(--cs-color-purple-10);
+    --cs-color-highlight-05: var(--cs-color-purple-05);
+    --cs-color-highlight: var(--cs-color-purple-50);
+    --cs-color-highlight-key: 50;
+    --cs-color-highlight-on: var(--cs-color-purple-on);
+  }
+
+  .cs-highlight-lemon {
+    --cs-color-highlight-95: var(--cs-color-lemon-95);
+    --cs-color-highlight-90: var(--cs-color-lemon-90);
+    --cs-color-highlight-80: var(--cs-color-lemon-80);
+    --cs-color-highlight-70: var(--cs-color-lemon-70);
+    --cs-color-highlight-60: var(--cs-color-lemon-60);
+    --cs-color-highlight-50: var(--cs-color-lemon-50);
+    --cs-color-highlight-40: var(--cs-color-lemon-40);
+    --cs-color-highlight-30: var(--cs-color-lemon-30);
+    --cs-color-highlight-20: var(--cs-color-lemon-20);
+    --cs-color-highlight-10: var(--cs-color-lemon-10);
+    --cs-color-highlight-05: var(--cs-color-lemon-05);
+    --cs-color-highlight: var(--cs-color-lemon-90);
+    --cs-color-highlight-key: 90;
+    --cs-color-highlight-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-highlight-yellow {
+    --cs-color-highlight-95: var(--cs-color-yellow-95);
+    --cs-color-highlight-90: var(--cs-color-yellow-90);
+    --cs-color-highlight-80: var(--cs-color-yellow-80);
+    --cs-color-highlight-70: var(--cs-color-yellow-70);
+    --cs-color-highlight-60: var(--cs-color-yellow-60);
+    --cs-color-highlight-50: var(--cs-color-yellow-50);
+    --cs-color-highlight-40: var(--cs-color-yellow-40);
+    --cs-color-highlight-30: var(--cs-color-yellow-30);
+    --cs-color-highlight-20: var(--cs-color-yellow-20);
+    --cs-color-highlight-10: var(--cs-color-yellow-10);
+    --cs-color-highlight-05: var(--cs-color-yellow-05);
+    --cs-color-highlight: var(--cs-color-yellow-80);
+    --cs-color-highlight-key: 80;
+    --cs-color-highlight-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-highlight-orange {
+    --cs-color-highlight-95: var(--cs-color-orange-95);
+    --cs-color-highlight-90: var(--cs-color-orange-90);
+    --cs-color-highlight-80: var(--cs-color-orange-80);
+    --cs-color-highlight-70: var(--cs-color-orange-70);
+    --cs-color-highlight-60: var(--cs-color-orange-60);
+    --cs-color-highlight-50: var(--cs-color-orange-50);
+    --cs-color-highlight-40: var(--cs-color-orange-40);
+    --cs-color-highlight-30: var(--cs-color-orange-30);
+    --cs-color-highlight-20: var(--cs-color-orange-20);
+    --cs-color-highlight-10: var(--cs-color-orange-10);
+    --cs-color-highlight-05: var(--cs-color-orange-05);
+    --cs-color-highlight: var(--cs-color-orange-60);
+    --cs-color-highlight-key: 60;
+    --cs-color-highlight-on: var(--cs-color-orange-on);
+  }
+
+  .cs-highlight-vermilion {
+    --cs-color-highlight-95: var(--cs-color-vermilion-95);
+    --cs-color-highlight-90: var(--cs-color-vermilion-90);
+    --cs-color-highlight-80: var(--cs-color-vermilion-80);
+    --cs-color-highlight-70: var(--cs-color-vermilion-70);
+    --cs-color-highlight-60: var(--cs-color-vermilion-60);
+    --cs-color-highlight-50: var(--cs-color-vermilion-50);
+    --cs-color-highlight-40: var(--cs-color-vermilion-40);
+    --cs-color-highlight-30: var(--cs-color-vermilion-30);
+    --cs-color-highlight-20: var(--cs-color-vermilion-20);
+    --cs-color-highlight-10: var(--cs-color-vermilion-10);
+    --cs-color-highlight-05: var(--cs-color-vermilion-05);
+    --cs-color-highlight: var(--cs-color-vermilion-50);
+    --cs-color-highlight-key: 50;
+    --cs-color-highlight-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-highlight-rose {
+    --cs-color-highlight-95: var(--cs-color-rose-95);
+    --cs-color-highlight-90: var(--cs-color-rose-90);
+    --cs-color-highlight-80: var(--cs-color-rose-80);
+    --cs-color-highlight-70: var(--cs-color-rose-70);
+    --cs-color-highlight-60: var(--cs-color-rose-60);
+    --cs-color-highlight-50: var(--cs-color-rose-50);
+    --cs-color-highlight-40: var(--cs-color-rose-40);
+    --cs-color-highlight-30: var(--cs-color-rose-30);
+    --cs-color-highlight-20: var(--cs-color-rose-20);
+    --cs-color-highlight-10: var(--cs-color-rose-10);
+    --cs-color-highlight-05: var(--cs-color-rose-05);
+    --cs-color-highlight: var(--cs-color-rose-80);
+    --cs-color-highlight-key: 80;
+    --cs-color-highlight-on: var(--cs-color-rose-on);
+  }
+
+  .cs-highlight-pink {
+    --cs-color-highlight-95: var(--cs-color-pink-95);
+    --cs-color-highlight-90: var(--cs-color-pink-90);
+    --cs-color-highlight-80: var(--cs-color-pink-80);
+    --cs-color-highlight-70: var(--cs-color-pink-70);
+    --cs-color-highlight-60: var(--cs-color-pink-60);
+    --cs-color-highlight-50: var(--cs-color-pink-50);
+    --cs-color-highlight-40: var(--cs-color-pink-40);
+    --cs-color-highlight-30: var(--cs-color-pink-30);
+    --cs-color-highlight-20: var(--cs-color-pink-20);
+    --cs-color-highlight-10: var(--cs-color-pink-10);
+    --cs-color-highlight-05: var(--cs-color-pink-05);
+    --cs-color-highlight: var(--cs-color-pink-60);
+    --cs-color-highlight-key: 60;
+    --cs-color-highlight-on: var(--cs-color-pink-on);
+  }
+
+  .cs-highlight-cerise {
+    --cs-color-highlight-95: var(--cs-color-cerise-95);
+    --cs-color-highlight-90: var(--cs-color-cerise-90);
+    --cs-color-highlight-80: var(--cs-color-cerise-80);
+    --cs-color-highlight-70: var(--cs-color-cerise-70);
+    --cs-color-highlight-60: var(--cs-color-cerise-60);
+    --cs-color-highlight-50: var(--cs-color-cerise-50);
+    --cs-color-highlight-40: var(--cs-color-cerise-40);
+    --cs-color-highlight-30: var(--cs-color-cerise-30);
+    --cs-color-highlight-20: var(--cs-color-cerise-20);
+    --cs-color-highlight-10: var(--cs-color-cerise-10);
+    --cs-color-highlight-05: var(--cs-color-cerise-05);
+    --cs-color-highlight: var(--cs-color-cerise-50);
+    --cs-color-highlight-key: 50;
+    --cs-color-highlight-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-highlight-ruby {
+    --cs-color-highlight-95: var(--cs-color-ruby-95);
+    --cs-color-highlight-90: var(--cs-color-ruby-90);
+    --cs-color-highlight-80: var(--cs-color-ruby-80);
+    --cs-color-highlight-70: var(--cs-color-ruby-70);
+    --cs-color-highlight-60: var(--cs-color-ruby-60);
+    --cs-color-highlight-50: var(--cs-color-ruby-50);
+    --cs-color-highlight-40: var(--cs-color-ruby-40);
+    --cs-color-highlight-30: var(--cs-color-ruby-30);
+    --cs-color-highlight-20: var(--cs-color-ruby-20);
+    --cs-color-highlight-10: var(--cs-color-ruby-10);
+    --cs-color-highlight-05: var(--cs-color-ruby-05);
+    --cs-color-highlight: var(--cs-color-ruby-30);
+    --cs-color-highlight-key: 30;
+    --cs-color-highlight-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-highlight-sky {
+    --cs-color-highlight-95: var(--cs-color-sky-95);
+    --cs-color-highlight-90: var(--cs-color-sky-90);
+    --cs-color-highlight-80: var(--cs-color-sky-80);
+    --cs-color-highlight-70: var(--cs-color-sky-70);
+    --cs-color-highlight-60: var(--cs-color-sky-60);
+    --cs-color-highlight-50: var(--cs-color-sky-50);
+    --cs-color-highlight-40: var(--cs-color-sky-40);
+    --cs-color-highlight-30: var(--cs-color-sky-30);
+    --cs-color-highlight-20: var(--cs-color-sky-20);
+    --cs-color-highlight-10: var(--cs-color-sky-10);
+    --cs-color-highlight-05: var(--cs-color-sky-05);
+    --cs-color-highlight: var(--cs-color-sky-90);
+    --cs-color-highlight-key: 90;
+    --cs-color-highlight-on: var(--cs-color-sky-on);
+  }
+
+  .cs-highlight-cyan {
+    --cs-color-highlight-95: var(--cs-color-cyan-95);
+    --cs-color-highlight-90: var(--cs-color-cyan-90);
+    --cs-color-highlight-80: var(--cs-color-cyan-80);
+    --cs-color-highlight-70: var(--cs-color-cyan-70);
+    --cs-color-highlight-60: var(--cs-color-cyan-60);
+    --cs-color-highlight-50: var(--cs-color-cyan-50);
+    --cs-color-highlight-40: var(--cs-color-cyan-40);
+    --cs-color-highlight-30: var(--cs-color-cyan-30);
+    --cs-color-highlight-20: var(--cs-color-cyan-20);
+    --cs-color-highlight-10: var(--cs-color-cyan-10);
+    --cs-color-highlight-05: var(--cs-color-cyan-05);
+    --cs-color-highlight: var(--cs-color-cyan-70);
+    --cs-color-highlight-key: 70;
+    --cs-color-highlight-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-highlight-turquoise {
+    --cs-color-highlight-95: var(--cs-color-turquoise-95);
+    --cs-color-highlight-90: var(--cs-color-turquoise-90);
+    --cs-color-highlight-80: var(--cs-color-turquoise-80);
+    --cs-color-highlight-70: var(--cs-color-turquoise-70);
+    --cs-color-highlight-60: var(--cs-color-turquoise-60);
+    --cs-color-highlight-50: var(--cs-color-turquoise-50);
+    --cs-color-highlight-40: var(--cs-color-turquoise-40);
+    --cs-color-highlight-30: var(--cs-color-turquoise-30);
+    --cs-color-highlight-20: var(--cs-color-turquoise-20);
+    --cs-color-highlight-10: var(--cs-color-turquoise-10);
+    --cs-color-highlight-05: var(--cs-color-turquoise-05);
+    --cs-color-highlight: var(--cs-color-turquoise-50);
+    --cs-color-highlight-key: 50;
+    --cs-color-highlight-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-highlight-navy {
+    --cs-color-highlight-95: var(--cs-color-navy-95);
+    --cs-color-highlight-90: var(--cs-color-navy-90);
+    --cs-color-highlight-80: var(--cs-color-navy-80);
+    --cs-color-highlight-70: var(--cs-color-navy-70);
+    --cs-color-highlight-60: var(--cs-color-navy-60);
+    --cs-color-highlight-50: var(--cs-color-navy-50);
+    --cs-color-highlight-40: var(--cs-color-navy-40);
+    --cs-color-highlight-30: var(--cs-color-navy-30);
+    --cs-color-highlight-20: var(--cs-color-navy-20);
+    --cs-color-highlight-10: var(--cs-color-navy-10);
+    --cs-color-highlight-05: var(--cs-color-navy-05);
+    --cs-color-highlight: var(--cs-color-navy-10);
+    --cs-color-highlight-key: 10;
+    --cs-color-highlight-on: var(--cs-color-navy-on);
+  }
+
+  .cs-highlight-mint {
+    --cs-color-highlight-95: var(--cs-color-mint-95);
+    --cs-color-highlight-90: var(--cs-color-mint-90);
+    --cs-color-highlight-80: var(--cs-color-mint-80);
+    --cs-color-highlight-70: var(--cs-color-mint-70);
+    --cs-color-highlight-60: var(--cs-color-mint-60);
+    --cs-color-highlight-50: var(--cs-color-mint-50);
+    --cs-color-highlight-40: var(--cs-color-mint-40);
+    --cs-color-highlight-30: var(--cs-color-mint-30);
+    --cs-color-highlight-20: var(--cs-color-mint-20);
+    --cs-color-highlight-10: var(--cs-color-mint-10);
+    --cs-color-highlight-05: var(--cs-color-mint-05);
+    --cs-color-highlight: var(--cs-color-mint-80);
+    --cs-color-highlight-key: 80;
+    --cs-color-highlight-on: var(--cs-color-mint-on);
+  }
+
+  .cs-highlight-green {
+    --cs-color-highlight-95: var(--cs-color-green-95);
+    --cs-color-highlight-90: var(--cs-color-green-90);
+    --cs-color-highlight-80: var(--cs-color-green-80);
+    --cs-color-highlight-70: var(--cs-color-green-70);
+    --cs-color-highlight-60: var(--cs-color-green-60);
+    --cs-color-highlight-50: var(--cs-color-green-50);
+    --cs-color-highlight-40: var(--cs-color-green-40);
+    --cs-color-highlight-30: var(--cs-color-green-30);
+    --cs-color-highlight-20: var(--cs-color-green-20);
+    --cs-color-highlight-10: var(--cs-color-green-10);
+    --cs-color-highlight-05: var(--cs-color-green-05);
+    --cs-color-highlight: var(--cs-color-green-70);
+    --cs-color-highlight-key: 70;
+    --cs-color-highlight-on: var(--cs-color-green-on);
+  }
+
+  .cs-highlight-moss {
+    --cs-color-highlight-95: var(--cs-color-moss-95);
+    --cs-color-highlight-90: var(--cs-color-moss-90);
+    --cs-color-highlight-80: var(--cs-color-moss-80);
+    --cs-color-highlight-70: var(--cs-color-moss-70);
+    --cs-color-highlight-60: var(--cs-color-moss-60);
+    --cs-color-highlight-50: var(--cs-color-moss-50);
+    --cs-color-highlight-40: var(--cs-color-moss-40);
+    --cs-color-highlight-30: var(--cs-color-moss-30);
+    --cs-color-highlight-20: var(--cs-color-moss-20);
+    --cs-color-highlight-10: var(--cs-color-moss-10);
+    --cs-color-highlight-05: var(--cs-color-moss-05);
+    --cs-color-highlight: var(--cs-color-moss-40);
+    --cs-color-highlight-key: 40;
+    --cs-color-highlight-on: var(--cs-color-moss-on);
+  }
+
+  .cs-highlight-olive-drab {
+    --cs-color-highlight-95: var(--cs-color-olive-drab-95);
+    --cs-color-highlight-90: var(--cs-color-olive-drab-90);
+    --cs-color-highlight-80: var(--cs-color-olive-drab-80);
+    --cs-color-highlight-70: var(--cs-color-olive-drab-70);
+    --cs-color-highlight-60: var(--cs-color-olive-drab-60);
+    --cs-color-highlight-50: var(--cs-color-olive-drab-50);
+    --cs-color-highlight-40: var(--cs-color-olive-drab-40);
+    --cs-color-highlight-30: var(--cs-color-olive-drab-30);
+    --cs-color-highlight-20: var(--cs-color-olive-drab-20);
+    --cs-color-highlight-10: var(--cs-color-olive-drab-10);
+    --cs-color-highlight-05: var(--cs-color-olive-drab-05);
+    --cs-color-highlight: var(--cs-color-olive-drab-20);
+    --cs-color-highlight-key: 20;
+    --cs-color-highlight-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-highlight-gray {
+    --cs-color-highlight-95: var(--cs-color-gray-95);
+    --cs-color-highlight-90: var(--cs-color-gray-90);
+    --cs-color-highlight-80: var(--cs-color-gray-80);
+    --cs-color-highlight-70: var(--cs-color-gray-70);
+    --cs-color-highlight-60: var(--cs-color-gray-60);
+    --cs-color-highlight-50: var(--cs-color-gray-50);
+    --cs-color-highlight-40: var(--cs-color-gray-40);
+    --cs-color-highlight-30: var(--cs-color-gray-30);
+    --cs-color-highlight-20: var(--cs-color-gray-20);
+    --cs-color-highlight-10: var(--cs-color-gray-10);
+    --cs-color-highlight-05: var(--cs-color-gray-05);
+    --cs-color-highlight: var(--cs-color-gray-95);
+    --cs-color-highlight-key: 95;
+    --cs-color-highlight-on: var(--cs-color-gray-on);
+  }
+
+  .cs-highlight-graphite {
+    --cs-color-highlight-95: var(--cs-color-graphite-95);
+    --cs-color-highlight-90: var(--cs-color-graphite-90);
+    --cs-color-highlight-80: var(--cs-color-graphite-80);
+    --cs-color-highlight-70: var(--cs-color-graphite-70);
+    --cs-color-highlight-60: var(--cs-color-graphite-60);
+    --cs-color-highlight-50: var(--cs-color-graphite-50);
+    --cs-color-highlight-40: var(--cs-color-graphite-40);
+    --cs-color-highlight-30: var(--cs-color-graphite-30);
+    --cs-color-highlight-20: var(--cs-color-graphite-20);
+    --cs-color-highlight-10: var(--cs-color-graphite-10);
+    --cs-color-highlight-05: var(--cs-color-graphite-05);
+    --cs-color-highlight: var(--cs-color-graphite-40);
+    --cs-color-highlight-key: 40;
+    --cs-color-highlight-on: var(--cs-color-graphite-on);
+  }
+
+  /* information — defaults to turquoise */
+  :where(:root), /* default */
+  .cs-information-turquoise {
+    --cs-color-information-95: var(--cs-color-turquoise-95);
+    --cs-color-information-90: var(--cs-color-turquoise-90);
+    --cs-color-information-80: var(--cs-color-turquoise-80);
+    --cs-color-information-70: var(--cs-color-turquoise-70);
+    --cs-color-information-60: var(--cs-color-turquoise-60);
+    --cs-color-information-50: var(--cs-color-turquoise-50);
+    --cs-color-information-40: var(--cs-color-turquoise-40);
+    --cs-color-information-30: var(--cs-color-turquoise-30);
+    --cs-color-information-20: var(--cs-color-turquoise-20);
+    --cs-color-information-10: var(--cs-color-turquoise-10);
+    --cs-color-information-05: var(--cs-color-turquoise-05);
+    --cs-color-information: var(--cs-color-turquoise-50);
+    --cs-color-information-key: 50;
+    --cs-color-information-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-information-lemon {
+    --cs-color-information-95: var(--cs-color-lemon-95);
+    --cs-color-information-90: var(--cs-color-lemon-90);
+    --cs-color-information-80: var(--cs-color-lemon-80);
+    --cs-color-information-70: var(--cs-color-lemon-70);
+    --cs-color-information-60: var(--cs-color-lemon-60);
+    --cs-color-information-50: var(--cs-color-lemon-50);
+    --cs-color-information-40: var(--cs-color-lemon-40);
+    --cs-color-information-30: var(--cs-color-lemon-30);
+    --cs-color-information-20: var(--cs-color-lemon-20);
+    --cs-color-information-10: var(--cs-color-lemon-10);
+    --cs-color-information-05: var(--cs-color-lemon-05);
+    --cs-color-information: var(--cs-color-lemon-90);
+    --cs-color-information-key: 90;
+    --cs-color-information-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-information-yellow {
+    --cs-color-information-95: var(--cs-color-yellow-95);
+    --cs-color-information-90: var(--cs-color-yellow-90);
+    --cs-color-information-80: var(--cs-color-yellow-80);
+    --cs-color-information-70: var(--cs-color-yellow-70);
+    --cs-color-information-60: var(--cs-color-yellow-60);
+    --cs-color-information-50: var(--cs-color-yellow-50);
+    --cs-color-information-40: var(--cs-color-yellow-40);
+    --cs-color-information-30: var(--cs-color-yellow-30);
+    --cs-color-information-20: var(--cs-color-yellow-20);
+    --cs-color-information-10: var(--cs-color-yellow-10);
+    --cs-color-information-05: var(--cs-color-yellow-05);
+    --cs-color-information: var(--cs-color-yellow-80);
+    --cs-color-information-key: 80;
+    --cs-color-information-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-information-orange {
+    --cs-color-information-95: var(--cs-color-orange-95);
+    --cs-color-information-90: var(--cs-color-orange-90);
+    --cs-color-information-80: var(--cs-color-orange-80);
+    --cs-color-information-70: var(--cs-color-orange-70);
+    --cs-color-information-60: var(--cs-color-orange-60);
+    --cs-color-information-50: var(--cs-color-orange-50);
+    --cs-color-information-40: var(--cs-color-orange-40);
+    --cs-color-information-30: var(--cs-color-orange-30);
+    --cs-color-information-20: var(--cs-color-orange-20);
+    --cs-color-information-10: var(--cs-color-orange-10);
+    --cs-color-information-05: var(--cs-color-orange-05);
+    --cs-color-information: var(--cs-color-orange-60);
+    --cs-color-information-key: 60;
+    --cs-color-information-on: var(--cs-color-orange-on);
+  }
+
+  .cs-information-vermilion {
+    --cs-color-information-95: var(--cs-color-vermilion-95);
+    --cs-color-information-90: var(--cs-color-vermilion-90);
+    --cs-color-information-80: var(--cs-color-vermilion-80);
+    --cs-color-information-70: var(--cs-color-vermilion-70);
+    --cs-color-information-60: var(--cs-color-vermilion-60);
+    --cs-color-information-50: var(--cs-color-vermilion-50);
+    --cs-color-information-40: var(--cs-color-vermilion-40);
+    --cs-color-information-30: var(--cs-color-vermilion-30);
+    --cs-color-information-20: var(--cs-color-vermilion-20);
+    --cs-color-information-10: var(--cs-color-vermilion-10);
+    --cs-color-information-05: var(--cs-color-vermilion-05);
+    --cs-color-information: var(--cs-color-vermilion-50);
+    --cs-color-information-key: 50;
+    --cs-color-information-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-information-rose {
+    --cs-color-information-95: var(--cs-color-rose-95);
+    --cs-color-information-90: var(--cs-color-rose-90);
+    --cs-color-information-80: var(--cs-color-rose-80);
+    --cs-color-information-70: var(--cs-color-rose-70);
+    --cs-color-information-60: var(--cs-color-rose-60);
+    --cs-color-information-50: var(--cs-color-rose-50);
+    --cs-color-information-40: var(--cs-color-rose-40);
+    --cs-color-information-30: var(--cs-color-rose-30);
+    --cs-color-information-20: var(--cs-color-rose-20);
+    --cs-color-information-10: var(--cs-color-rose-10);
+    --cs-color-information-05: var(--cs-color-rose-05);
+    --cs-color-information: var(--cs-color-rose-80);
+    --cs-color-information-key: 80;
+    --cs-color-information-on: var(--cs-color-rose-on);
+  }
+
+  .cs-information-pink {
+    --cs-color-information-95: var(--cs-color-pink-95);
+    --cs-color-information-90: var(--cs-color-pink-90);
+    --cs-color-information-80: var(--cs-color-pink-80);
+    --cs-color-information-70: var(--cs-color-pink-70);
+    --cs-color-information-60: var(--cs-color-pink-60);
+    --cs-color-information-50: var(--cs-color-pink-50);
+    --cs-color-information-40: var(--cs-color-pink-40);
+    --cs-color-information-30: var(--cs-color-pink-30);
+    --cs-color-information-20: var(--cs-color-pink-20);
+    --cs-color-information-10: var(--cs-color-pink-10);
+    --cs-color-information-05: var(--cs-color-pink-05);
+    --cs-color-information: var(--cs-color-pink-60);
+    --cs-color-information-key: 60;
+    --cs-color-information-on: var(--cs-color-pink-on);
+  }
+
+  .cs-information-cerise {
+    --cs-color-information-95: var(--cs-color-cerise-95);
+    --cs-color-information-90: var(--cs-color-cerise-90);
+    --cs-color-information-80: var(--cs-color-cerise-80);
+    --cs-color-information-70: var(--cs-color-cerise-70);
+    --cs-color-information-60: var(--cs-color-cerise-60);
+    --cs-color-information-50: var(--cs-color-cerise-50);
+    --cs-color-information-40: var(--cs-color-cerise-40);
+    --cs-color-information-30: var(--cs-color-cerise-30);
+    --cs-color-information-20: var(--cs-color-cerise-20);
+    --cs-color-information-10: var(--cs-color-cerise-10);
+    --cs-color-information-05: var(--cs-color-cerise-05);
+    --cs-color-information: var(--cs-color-cerise-50);
+    --cs-color-information-key: 50;
+    --cs-color-information-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-information-ruby {
+    --cs-color-information-95: var(--cs-color-ruby-95);
+    --cs-color-information-90: var(--cs-color-ruby-90);
+    --cs-color-information-80: var(--cs-color-ruby-80);
+    --cs-color-information-70: var(--cs-color-ruby-70);
+    --cs-color-information-60: var(--cs-color-ruby-60);
+    --cs-color-information-50: var(--cs-color-ruby-50);
+    --cs-color-information-40: var(--cs-color-ruby-40);
+    --cs-color-information-30: var(--cs-color-ruby-30);
+    --cs-color-information-20: var(--cs-color-ruby-20);
+    --cs-color-information-10: var(--cs-color-ruby-10);
+    --cs-color-information-05: var(--cs-color-ruby-05);
+    --cs-color-information: var(--cs-color-ruby-30);
+    --cs-color-information-key: 30;
+    --cs-color-information-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-information-sky {
+    --cs-color-information-95: var(--cs-color-sky-95);
+    --cs-color-information-90: var(--cs-color-sky-90);
+    --cs-color-information-80: var(--cs-color-sky-80);
+    --cs-color-information-70: var(--cs-color-sky-70);
+    --cs-color-information-60: var(--cs-color-sky-60);
+    --cs-color-information-50: var(--cs-color-sky-50);
+    --cs-color-information-40: var(--cs-color-sky-40);
+    --cs-color-information-30: var(--cs-color-sky-30);
+    --cs-color-information-20: var(--cs-color-sky-20);
+    --cs-color-information-10: var(--cs-color-sky-10);
+    --cs-color-information-05: var(--cs-color-sky-05);
+    --cs-color-information: var(--cs-color-sky-90);
+    --cs-color-information-key: 90;
+    --cs-color-information-on: var(--cs-color-sky-on);
+  }
+
+  .cs-information-cyan {
+    --cs-color-information-95: var(--cs-color-cyan-95);
+    --cs-color-information-90: var(--cs-color-cyan-90);
+    --cs-color-information-80: var(--cs-color-cyan-80);
+    --cs-color-information-70: var(--cs-color-cyan-70);
+    --cs-color-information-60: var(--cs-color-cyan-60);
+    --cs-color-information-50: var(--cs-color-cyan-50);
+    --cs-color-information-40: var(--cs-color-cyan-40);
+    --cs-color-information-30: var(--cs-color-cyan-30);
+    --cs-color-information-20: var(--cs-color-cyan-20);
+    --cs-color-information-10: var(--cs-color-cyan-10);
+    --cs-color-information-05: var(--cs-color-cyan-05);
+    --cs-color-information: var(--cs-color-cyan-70);
+    --cs-color-information-key: 70;
+    --cs-color-information-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-information-navy {
+    --cs-color-information-95: var(--cs-color-navy-95);
+    --cs-color-information-90: var(--cs-color-navy-90);
+    --cs-color-information-80: var(--cs-color-navy-80);
+    --cs-color-information-70: var(--cs-color-navy-70);
+    --cs-color-information-60: var(--cs-color-navy-60);
+    --cs-color-information-50: var(--cs-color-navy-50);
+    --cs-color-information-40: var(--cs-color-navy-40);
+    --cs-color-information-30: var(--cs-color-navy-30);
+    --cs-color-information-20: var(--cs-color-navy-20);
+    --cs-color-information-10: var(--cs-color-navy-10);
+    --cs-color-information-05: var(--cs-color-navy-05);
+    --cs-color-information: var(--cs-color-navy-10);
+    --cs-color-information-key: 10;
+    --cs-color-information-on: var(--cs-color-navy-on);
+  }
+
+  .cs-information-mint {
+    --cs-color-information-95: var(--cs-color-mint-95);
+    --cs-color-information-90: var(--cs-color-mint-90);
+    --cs-color-information-80: var(--cs-color-mint-80);
+    --cs-color-information-70: var(--cs-color-mint-70);
+    --cs-color-information-60: var(--cs-color-mint-60);
+    --cs-color-information-50: var(--cs-color-mint-50);
+    --cs-color-information-40: var(--cs-color-mint-40);
+    --cs-color-information-30: var(--cs-color-mint-30);
+    --cs-color-information-20: var(--cs-color-mint-20);
+    --cs-color-information-10: var(--cs-color-mint-10);
+    --cs-color-information-05: var(--cs-color-mint-05);
+    --cs-color-information: var(--cs-color-mint-80);
+    --cs-color-information-key: 80;
+    --cs-color-information-on: var(--cs-color-mint-on);
+  }
+
+  .cs-information-green {
+    --cs-color-information-95: var(--cs-color-green-95);
+    --cs-color-information-90: var(--cs-color-green-90);
+    --cs-color-information-80: var(--cs-color-green-80);
+    --cs-color-information-70: var(--cs-color-green-70);
+    --cs-color-information-60: var(--cs-color-green-60);
+    --cs-color-information-50: var(--cs-color-green-50);
+    --cs-color-information-40: var(--cs-color-green-40);
+    --cs-color-information-30: var(--cs-color-green-30);
+    --cs-color-information-20: var(--cs-color-green-20);
+    --cs-color-information-10: var(--cs-color-green-10);
+    --cs-color-information-05: var(--cs-color-green-05);
+    --cs-color-information: var(--cs-color-green-70);
+    --cs-color-information-key: 70;
+    --cs-color-information-on: var(--cs-color-green-on);
+  }
+
+  .cs-information-moss {
+    --cs-color-information-95: var(--cs-color-moss-95);
+    --cs-color-information-90: var(--cs-color-moss-90);
+    --cs-color-information-80: var(--cs-color-moss-80);
+    --cs-color-information-70: var(--cs-color-moss-70);
+    --cs-color-information-60: var(--cs-color-moss-60);
+    --cs-color-information-50: var(--cs-color-moss-50);
+    --cs-color-information-40: var(--cs-color-moss-40);
+    --cs-color-information-30: var(--cs-color-moss-30);
+    --cs-color-information-20: var(--cs-color-moss-20);
+    --cs-color-information-10: var(--cs-color-moss-10);
+    --cs-color-information-05: var(--cs-color-moss-05);
+    --cs-color-information: var(--cs-color-moss-40);
+    --cs-color-information-key: 40;
+    --cs-color-information-on: var(--cs-color-moss-on);
+  }
+
+  .cs-information-olive-drab {
+    --cs-color-information-95: var(--cs-color-olive-drab-95);
+    --cs-color-information-90: var(--cs-color-olive-drab-90);
+    --cs-color-information-80: var(--cs-color-olive-drab-80);
+    --cs-color-information-70: var(--cs-color-olive-drab-70);
+    --cs-color-information-60: var(--cs-color-olive-drab-60);
+    --cs-color-information-50: var(--cs-color-olive-drab-50);
+    --cs-color-information-40: var(--cs-color-olive-drab-40);
+    --cs-color-information-30: var(--cs-color-olive-drab-30);
+    --cs-color-information-20: var(--cs-color-olive-drab-20);
+    --cs-color-information-10: var(--cs-color-olive-drab-10);
+    --cs-color-information-05: var(--cs-color-olive-drab-05);
+    --cs-color-information: var(--cs-color-olive-drab-20);
+    --cs-color-information-key: 20;
+    --cs-color-information-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-information-gray {
+    --cs-color-information-95: var(--cs-color-gray-95);
+    --cs-color-information-90: var(--cs-color-gray-90);
+    --cs-color-information-80: var(--cs-color-gray-80);
+    --cs-color-information-70: var(--cs-color-gray-70);
+    --cs-color-information-60: var(--cs-color-gray-60);
+    --cs-color-information-50: var(--cs-color-gray-50);
+    --cs-color-information-40: var(--cs-color-gray-40);
+    --cs-color-information-30: var(--cs-color-gray-30);
+    --cs-color-information-20: var(--cs-color-gray-20);
+    --cs-color-information-10: var(--cs-color-gray-10);
+    --cs-color-information-05: var(--cs-color-gray-05);
+    --cs-color-information: var(--cs-color-gray-95);
+    --cs-color-information-key: 95;
+    --cs-color-information-on: var(--cs-color-gray-on);
+  }
+
+  .cs-information-graphite {
+    --cs-color-information-95: var(--cs-color-graphite-95);
+    --cs-color-information-90: var(--cs-color-graphite-90);
+    --cs-color-information-80: var(--cs-color-graphite-80);
+    --cs-color-information-70: var(--cs-color-graphite-70);
+    --cs-color-information-60: var(--cs-color-graphite-60);
+    --cs-color-information-50: var(--cs-color-graphite-50);
+    --cs-color-information-40: var(--cs-color-graphite-40);
+    --cs-color-information-30: var(--cs-color-graphite-30);
+    --cs-color-information-20: var(--cs-color-graphite-20);
+    --cs-color-information-10: var(--cs-color-graphite-10);
+    --cs-color-information-05: var(--cs-color-graphite-05);
+    --cs-color-information: var(--cs-color-graphite-40);
+    --cs-color-information-key: 40;
+    --cs-color-information-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-information-purple {
+    --cs-color-information-95: var(--cs-color-purple-95);
+    --cs-color-information-90: var(--cs-color-purple-90);
+    --cs-color-information-80: var(--cs-color-purple-80);
+    --cs-color-information-70: var(--cs-color-purple-70);
+    --cs-color-information-60: var(--cs-color-purple-60);
+    --cs-color-information-50: var(--cs-color-purple-50);
+    --cs-color-information-40: var(--cs-color-purple-40);
+    --cs-color-information-30: var(--cs-color-purple-30);
+    --cs-color-information-20: var(--cs-color-purple-20);
+    --cs-color-information-10: var(--cs-color-purple-10);
+    --cs-color-information-05: var(--cs-color-purple-05);
+    --cs-color-information: var(--cs-color-purple-50);
+    --cs-color-information-key: 50;
+    --cs-color-information-on: var(--cs-color-purple-on);
+  }
+
+  /* success — defaults to green */
+  :where(:root), /* default */
+  .cs-success-green {
+    --cs-color-success-95: var(--cs-color-green-95);
+    --cs-color-success-90: var(--cs-color-green-90);
+    --cs-color-success-80: var(--cs-color-green-80);
+    --cs-color-success-70: var(--cs-color-green-70);
+    --cs-color-success-60: var(--cs-color-green-60);
+    --cs-color-success-50: var(--cs-color-green-50);
+    --cs-color-success-40: var(--cs-color-green-40);
+    --cs-color-success-30: var(--cs-color-green-30);
+    --cs-color-success-20: var(--cs-color-green-20);
+    --cs-color-success-10: var(--cs-color-green-10);
+    --cs-color-success-05: var(--cs-color-green-05);
+    --cs-color-success: var(--cs-color-green-70);
+    --cs-color-success-key: 70;
+    --cs-color-success-on: var(--cs-color-green-on);
+  }
+
+  .cs-success-lemon {
+    --cs-color-success-95: var(--cs-color-lemon-95);
+    --cs-color-success-90: var(--cs-color-lemon-90);
+    --cs-color-success-80: var(--cs-color-lemon-80);
+    --cs-color-success-70: var(--cs-color-lemon-70);
+    --cs-color-success-60: var(--cs-color-lemon-60);
+    --cs-color-success-50: var(--cs-color-lemon-50);
+    --cs-color-success-40: var(--cs-color-lemon-40);
+    --cs-color-success-30: var(--cs-color-lemon-30);
+    --cs-color-success-20: var(--cs-color-lemon-20);
+    --cs-color-success-10: var(--cs-color-lemon-10);
+    --cs-color-success-05: var(--cs-color-lemon-05);
+    --cs-color-success: var(--cs-color-lemon-90);
+    --cs-color-success-key: 90;
+    --cs-color-success-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-success-yellow {
+    --cs-color-success-95: var(--cs-color-yellow-95);
+    --cs-color-success-90: var(--cs-color-yellow-90);
+    --cs-color-success-80: var(--cs-color-yellow-80);
+    --cs-color-success-70: var(--cs-color-yellow-70);
+    --cs-color-success-60: var(--cs-color-yellow-60);
+    --cs-color-success-50: var(--cs-color-yellow-50);
+    --cs-color-success-40: var(--cs-color-yellow-40);
+    --cs-color-success-30: var(--cs-color-yellow-30);
+    --cs-color-success-20: var(--cs-color-yellow-20);
+    --cs-color-success-10: var(--cs-color-yellow-10);
+    --cs-color-success-05: var(--cs-color-yellow-05);
+    --cs-color-success: var(--cs-color-yellow-80);
+    --cs-color-success-key: 80;
+    --cs-color-success-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-success-orange {
+    --cs-color-success-95: var(--cs-color-orange-95);
+    --cs-color-success-90: var(--cs-color-orange-90);
+    --cs-color-success-80: var(--cs-color-orange-80);
+    --cs-color-success-70: var(--cs-color-orange-70);
+    --cs-color-success-60: var(--cs-color-orange-60);
+    --cs-color-success-50: var(--cs-color-orange-50);
+    --cs-color-success-40: var(--cs-color-orange-40);
+    --cs-color-success-30: var(--cs-color-orange-30);
+    --cs-color-success-20: var(--cs-color-orange-20);
+    --cs-color-success-10: var(--cs-color-orange-10);
+    --cs-color-success-05: var(--cs-color-orange-05);
+    --cs-color-success: var(--cs-color-orange-60);
+    --cs-color-success-key: 60;
+    --cs-color-success-on: var(--cs-color-orange-on);
+  }
+
+  .cs-success-vermilion {
+    --cs-color-success-95: var(--cs-color-vermilion-95);
+    --cs-color-success-90: var(--cs-color-vermilion-90);
+    --cs-color-success-80: var(--cs-color-vermilion-80);
+    --cs-color-success-70: var(--cs-color-vermilion-70);
+    --cs-color-success-60: var(--cs-color-vermilion-60);
+    --cs-color-success-50: var(--cs-color-vermilion-50);
+    --cs-color-success-40: var(--cs-color-vermilion-40);
+    --cs-color-success-30: var(--cs-color-vermilion-30);
+    --cs-color-success-20: var(--cs-color-vermilion-20);
+    --cs-color-success-10: var(--cs-color-vermilion-10);
+    --cs-color-success-05: var(--cs-color-vermilion-05);
+    --cs-color-success: var(--cs-color-vermilion-50);
+    --cs-color-success-key: 50;
+    --cs-color-success-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-success-rose {
+    --cs-color-success-95: var(--cs-color-rose-95);
+    --cs-color-success-90: var(--cs-color-rose-90);
+    --cs-color-success-80: var(--cs-color-rose-80);
+    --cs-color-success-70: var(--cs-color-rose-70);
+    --cs-color-success-60: var(--cs-color-rose-60);
+    --cs-color-success-50: var(--cs-color-rose-50);
+    --cs-color-success-40: var(--cs-color-rose-40);
+    --cs-color-success-30: var(--cs-color-rose-30);
+    --cs-color-success-20: var(--cs-color-rose-20);
+    --cs-color-success-10: var(--cs-color-rose-10);
+    --cs-color-success-05: var(--cs-color-rose-05);
+    --cs-color-success: var(--cs-color-rose-80);
+    --cs-color-success-key: 80;
+    --cs-color-success-on: var(--cs-color-rose-on);
+  }
+
+  .cs-success-pink {
+    --cs-color-success-95: var(--cs-color-pink-95);
+    --cs-color-success-90: var(--cs-color-pink-90);
+    --cs-color-success-80: var(--cs-color-pink-80);
+    --cs-color-success-70: var(--cs-color-pink-70);
+    --cs-color-success-60: var(--cs-color-pink-60);
+    --cs-color-success-50: var(--cs-color-pink-50);
+    --cs-color-success-40: var(--cs-color-pink-40);
+    --cs-color-success-30: var(--cs-color-pink-30);
+    --cs-color-success-20: var(--cs-color-pink-20);
+    --cs-color-success-10: var(--cs-color-pink-10);
+    --cs-color-success-05: var(--cs-color-pink-05);
+    --cs-color-success: var(--cs-color-pink-60);
+    --cs-color-success-key: 60;
+    --cs-color-success-on: var(--cs-color-pink-on);
+  }
+
+  .cs-success-cerise {
+    --cs-color-success-95: var(--cs-color-cerise-95);
+    --cs-color-success-90: var(--cs-color-cerise-90);
+    --cs-color-success-80: var(--cs-color-cerise-80);
+    --cs-color-success-70: var(--cs-color-cerise-70);
+    --cs-color-success-60: var(--cs-color-cerise-60);
+    --cs-color-success-50: var(--cs-color-cerise-50);
+    --cs-color-success-40: var(--cs-color-cerise-40);
+    --cs-color-success-30: var(--cs-color-cerise-30);
+    --cs-color-success-20: var(--cs-color-cerise-20);
+    --cs-color-success-10: var(--cs-color-cerise-10);
+    --cs-color-success-05: var(--cs-color-cerise-05);
+    --cs-color-success: var(--cs-color-cerise-50);
+    --cs-color-success-key: 50;
+    --cs-color-success-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-success-ruby {
+    --cs-color-success-95: var(--cs-color-ruby-95);
+    --cs-color-success-90: var(--cs-color-ruby-90);
+    --cs-color-success-80: var(--cs-color-ruby-80);
+    --cs-color-success-70: var(--cs-color-ruby-70);
+    --cs-color-success-60: var(--cs-color-ruby-60);
+    --cs-color-success-50: var(--cs-color-ruby-50);
+    --cs-color-success-40: var(--cs-color-ruby-40);
+    --cs-color-success-30: var(--cs-color-ruby-30);
+    --cs-color-success-20: var(--cs-color-ruby-20);
+    --cs-color-success-10: var(--cs-color-ruby-10);
+    --cs-color-success-05: var(--cs-color-ruby-05);
+    --cs-color-success: var(--cs-color-ruby-30);
+    --cs-color-success-key: 30;
+    --cs-color-success-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-success-sky {
+    --cs-color-success-95: var(--cs-color-sky-95);
+    --cs-color-success-90: var(--cs-color-sky-90);
+    --cs-color-success-80: var(--cs-color-sky-80);
+    --cs-color-success-70: var(--cs-color-sky-70);
+    --cs-color-success-60: var(--cs-color-sky-60);
+    --cs-color-success-50: var(--cs-color-sky-50);
+    --cs-color-success-40: var(--cs-color-sky-40);
+    --cs-color-success-30: var(--cs-color-sky-30);
+    --cs-color-success-20: var(--cs-color-sky-20);
+    --cs-color-success-10: var(--cs-color-sky-10);
+    --cs-color-success-05: var(--cs-color-sky-05);
+    --cs-color-success: var(--cs-color-sky-90);
+    --cs-color-success-key: 90;
+    --cs-color-success-on: var(--cs-color-sky-on);
+  }
+
+  .cs-success-cyan {
+    --cs-color-success-95: var(--cs-color-cyan-95);
+    --cs-color-success-90: var(--cs-color-cyan-90);
+    --cs-color-success-80: var(--cs-color-cyan-80);
+    --cs-color-success-70: var(--cs-color-cyan-70);
+    --cs-color-success-60: var(--cs-color-cyan-60);
+    --cs-color-success-50: var(--cs-color-cyan-50);
+    --cs-color-success-40: var(--cs-color-cyan-40);
+    --cs-color-success-30: var(--cs-color-cyan-30);
+    --cs-color-success-20: var(--cs-color-cyan-20);
+    --cs-color-success-10: var(--cs-color-cyan-10);
+    --cs-color-success-05: var(--cs-color-cyan-05);
+    --cs-color-success: var(--cs-color-cyan-70);
+    --cs-color-success-key: 70;
+    --cs-color-success-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-success-turquoise {
+    --cs-color-success-95: var(--cs-color-turquoise-95);
+    --cs-color-success-90: var(--cs-color-turquoise-90);
+    --cs-color-success-80: var(--cs-color-turquoise-80);
+    --cs-color-success-70: var(--cs-color-turquoise-70);
+    --cs-color-success-60: var(--cs-color-turquoise-60);
+    --cs-color-success-50: var(--cs-color-turquoise-50);
+    --cs-color-success-40: var(--cs-color-turquoise-40);
+    --cs-color-success-30: var(--cs-color-turquoise-30);
+    --cs-color-success-20: var(--cs-color-turquoise-20);
+    --cs-color-success-10: var(--cs-color-turquoise-10);
+    --cs-color-success-05: var(--cs-color-turquoise-05);
+    --cs-color-success: var(--cs-color-turquoise-50);
+    --cs-color-success-key: 50;
+    --cs-color-success-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-success-navy {
+    --cs-color-success-95: var(--cs-color-navy-95);
+    --cs-color-success-90: var(--cs-color-navy-90);
+    --cs-color-success-80: var(--cs-color-navy-80);
+    --cs-color-success-70: var(--cs-color-navy-70);
+    --cs-color-success-60: var(--cs-color-navy-60);
+    --cs-color-success-50: var(--cs-color-navy-50);
+    --cs-color-success-40: var(--cs-color-navy-40);
+    --cs-color-success-30: var(--cs-color-navy-30);
+    --cs-color-success-20: var(--cs-color-navy-20);
+    --cs-color-success-10: var(--cs-color-navy-10);
+    --cs-color-success-05: var(--cs-color-navy-05);
+    --cs-color-success: var(--cs-color-navy-10);
+    --cs-color-success-key: 10;
+    --cs-color-success-on: var(--cs-color-navy-on);
+  }
+
+  .cs-success-mint {
+    --cs-color-success-95: var(--cs-color-mint-95);
+    --cs-color-success-90: var(--cs-color-mint-90);
+    --cs-color-success-80: var(--cs-color-mint-80);
+    --cs-color-success-70: var(--cs-color-mint-70);
+    --cs-color-success-60: var(--cs-color-mint-60);
+    --cs-color-success-50: var(--cs-color-mint-50);
+    --cs-color-success-40: var(--cs-color-mint-40);
+    --cs-color-success-30: var(--cs-color-mint-30);
+    --cs-color-success-20: var(--cs-color-mint-20);
+    --cs-color-success-10: var(--cs-color-mint-10);
+    --cs-color-success-05: var(--cs-color-mint-05);
+    --cs-color-success: var(--cs-color-mint-80);
+    --cs-color-success-key: 80;
+    --cs-color-success-on: var(--cs-color-mint-on);
+  }
+
+  .cs-success-moss {
+    --cs-color-success-95: var(--cs-color-moss-95);
+    --cs-color-success-90: var(--cs-color-moss-90);
+    --cs-color-success-80: var(--cs-color-moss-80);
+    --cs-color-success-70: var(--cs-color-moss-70);
+    --cs-color-success-60: var(--cs-color-moss-60);
+    --cs-color-success-50: var(--cs-color-moss-50);
+    --cs-color-success-40: var(--cs-color-moss-40);
+    --cs-color-success-30: var(--cs-color-moss-30);
+    --cs-color-success-20: var(--cs-color-moss-20);
+    --cs-color-success-10: var(--cs-color-moss-10);
+    --cs-color-success-05: var(--cs-color-moss-05);
+    --cs-color-success: var(--cs-color-moss-40);
+    --cs-color-success-key: 40;
+    --cs-color-success-on: var(--cs-color-moss-on);
+  }
+
+  .cs-success-olive-drab {
+    --cs-color-success-95: var(--cs-color-olive-drab-95);
+    --cs-color-success-90: var(--cs-color-olive-drab-90);
+    --cs-color-success-80: var(--cs-color-olive-drab-80);
+    --cs-color-success-70: var(--cs-color-olive-drab-70);
+    --cs-color-success-60: var(--cs-color-olive-drab-60);
+    --cs-color-success-50: var(--cs-color-olive-drab-50);
+    --cs-color-success-40: var(--cs-color-olive-drab-40);
+    --cs-color-success-30: var(--cs-color-olive-drab-30);
+    --cs-color-success-20: var(--cs-color-olive-drab-20);
+    --cs-color-success-10: var(--cs-color-olive-drab-10);
+    --cs-color-success-05: var(--cs-color-olive-drab-05);
+    --cs-color-success: var(--cs-color-olive-drab-20);
+    --cs-color-success-key: 20;
+    --cs-color-success-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-success-gray {
+    --cs-color-success-95: var(--cs-color-gray-95);
+    --cs-color-success-90: var(--cs-color-gray-90);
+    --cs-color-success-80: var(--cs-color-gray-80);
+    --cs-color-success-70: var(--cs-color-gray-70);
+    --cs-color-success-60: var(--cs-color-gray-60);
+    --cs-color-success-50: var(--cs-color-gray-50);
+    --cs-color-success-40: var(--cs-color-gray-40);
+    --cs-color-success-30: var(--cs-color-gray-30);
+    --cs-color-success-20: var(--cs-color-gray-20);
+    --cs-color-success-10: var(--cs-color-gray-10);
+    --cs-color-success-05: var(--cs-color-gray-05);
+    --cs-color-success: var(--cs-color-gray-95);
+    --cs-color-success-key: 95;
+    --cs-color-success-on: var(--cs-color-gray-on);
+  }
+
+  .cs-success-graphite {
+    --cs-color-success-95: var(--cs-color-graphite-95);
+    --cs-color-success-90: var(--cs-color-graphite-90);
+    --cs-color-success-80: var(--cs-color-graphite-80);
+    --cs-color-success-70: var(--cs-color-graphite-70);
+    --cs-color-success-60: var(--cs-color-graphite-60);
+    --cs-color-success-50: var(--cs-color-graphite-50);
+    --cs-color-success-40: var(--cs-color-graphite-40);
+    --cs-color-success-30: var(--cs-color-graphite-30);
+    --cs-color-success-20: var(--cs-color-graphite-20);
+    --cs-color-success-10: var(--cs-color-graphite-10);
+    --cs-color-success-05: var(--cs-color-graphite-05);
+    --cs-color-success: var(--cs-color-graphite-40);
+    --cs-color-success-key: 40;
+    --cs-color-success-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-success-purple {
+    --cs-color-success-95: var(--cs-color-purple-95);
+    --cs-color-success-90: var(--cs-color-purple-90);
+    --cs-color-success-80: var(--cs-color-purple-80);
+    --cs-color-success-70: var(--cs-color-purple-70);
+    --cs-color-success-60: var(--cs-color-purple-60);
+    --cs-color-success-50: var(--cs-color-purple-50);
+    --cs-color-success-40: var(--cs-color-purple-40);
+    --cs-color-success-30: var(--cs-color-purple-30);
+    --cs-color-success-20: var(--cs-color-purple-20);
+    --cs-color-success-10: var(--cs-color-purple-10);
+    --cs-color-success-05: var(--cs-color-purple-05);
+    --cs-color-success: var(--cs-color-purple-50);
+    --cs-color-success-key: 50;
+    --cs-color-success-on: var(--cs-color-purple-on);
+  }
+
+  /* warning — defaults to orange */
+  :where(:root), /* default */
+  .cs-warning-orange {
+    --cs-color-warning-95: var(--cs-color-orange-95);
+    --cs-color-warning-90: var(--cs-color-orange-90);
+    --cs-color-warning-80: var(--cs-color-orange-80);
+    --cs-color-warning-70: var(--cs-color-orange-70);
+    --cs-color-warning-60: var(--cs-color-orange-60);
+    --cs-color-warning-50: var(--cs-color-orange-50);
+    --cs-color-warning-40: var(--cs-color-orange-40);
+    --cs-color-warning-30: var(--cs-color-orange-30);
+    --cs-color-warning-20: var(--cs-color-orange-20);
+    --cs-color-warning-10: var(--cs-color-orange-10);
+    --cs-color-warning-05: var(--cs-color-orange-05);
+    --cs-color-warning: var(--cs-color-orange-60);
+    --cs-color-warning-key: 60;
+    --cs-color-warning-on: var(--cs-color-orange-on);
+  }
+
+  .cs-warning-lemon {
+    --cs-color-warning-95: var(--cs-color-lemon-95);
+    --cs-color-warning-90: var(--cs-color-lemon-90);
+    --cs-color-warning-80: var(--cs-color-lemon-80);
+    --cs-color-warning-70: var(--cs-color-lemon-70);
+    --cs-color-warning-60: var(--cs-color-lemon-60);
+    --cs-color-warning-50: var(--cs-color-lemon-50);
+    --cs-color-warning-40: var(--cs-color-lemon-40);
+    --cs-color-warning-30: var(--cs-color-lemon-30);
+    --cs-color-warning-20: var(--cs-color-lemon-20);
+    --cs-color-warning-10: var(--cs-color-lemon-10);
+    --cs-color-warning-05: var(--cs-color-lemon-05);
+    --cs-color-warning: var(--cs-color-lemon-90);
+    --cs-color-warning-key: 90;
+    --cs-color-warning-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-warning-yellow {
+    --cs-color-warning-95: var(--cs-color-yellow-95);
+    --cs-color-warning-90: var(--cs-color-yellow-90);
+    --cs-color-warning-80: var(--cs-color-yellow-80);
+    --cs-color-warning-70: var(--cs-color-yellow-70);
+    --cs-color-warning-60: var(--cs-color-yellow-60);
+    --cs-color-warning-50: var(--cs-color-yellow-50);
+    --cs-color-warning-40: var(--cs-color-yellow-40);
+    --cs-color-warning-30: var(--cs-color-yellow-30);
+    --cs-color-warning-20: var(--cs-color-yellow-20);
+    --cs-color-warning-10: var(--cs-color-yellow-10);
+    --cs-color-warning-05: var(--cs-color-yellow-05);
+    --cs-color-warning: var(--cs-color-yellow-80);
+    --cs-color-warning-key: 80;
+    --cs-color-warning-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-warning-vermilion {
+    --cs-color-warning-95: var(--cs-color-vermilion-95);
+    --cs-color-warning-90: var(--cs-color-vermilion-90);
+    --cs-color-warning-80: var(--cs-color-vermilion-80);
+    --cs-color-warning-70: var(--cs-color-vermilion-70);
+    --cs-color-warning-60: var(--cs-color-vermilion-60);
+    --cs-color-warning-50: var(--cs-color-vermilion-50);
+    --cs-color-warning-40: var(--cs-color-vermilion-40);
+    --cs-color-warning-30: var(--cs-color-vermilion-30);
+    --cs-color-warning-20: var(--cs-color-vermilion-20);
+    --cs-color-warning-10: var(--cs-color-vermilion-10);
+    --cs-color-warning-05: var(--cs-color-vermilion-05);
+    --cs-color-warning: var(--cs-color-vermilion-50);
+    --cs-color-warning-key: 50;
+    --cs-color-warning-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-warning-rose {
+    --cs-color-warning-95: var(--cs-color-rose-95);
+    --cs-color-warning-90: var(--cs-color-rose-90);
+    --cs-color-warning-80: var(--cs-color-rose-80);
+    --cs-color-warning-70: var(--cs-color-rose-70);
+    --cs-color-warning-60: var(--cs-color-rose-60);
+    --cs-color-warning-50: var(--cs-color-rose-50);
+    --cs-color-warning-40: var(--cs-color-rose-40);
+    --cs-color-warning-30: var(--cs-color-rose-30);
+    --cs-color-warning-20: var(--cs-color-rose-20);
+    --cs-color-warning-10: var(--cs-color-rose-10);
+    --cs-color-warning-05: var(--cs-color-rose-05);
+    --cs-color-warning: var(--cs-color-rose-80);
+    --cs-color-warning-key: 80;
+    --cs-color-warning-on: var(--cs-color-rose-on);
+  }
+
+  .cs-warning-pink {
+    --cs-color-warning-95: var(--cs-color-pink-95);
+    --cs-color-warning-90: var(--cs-color-pink-90);
+    --cs-color-warning-80: var(--cs-color-pink-80);
+    --cs-color-warning-70: var(--cs-color-pink-70);
+    --cs-color-warning-60: var(--cs-color-pink-60);
+    --cs-color-warning-50: var(--cs-color-pink-50);
+    --cs-color-warning-40: var(--cs-color-pink-40);
+    --cs-color-warning-30: var(--cs-color-pink-30);
+    --cs-color-warning-20: var(--cs-color-pink-20);
+    --cs-color-warning-10: var(--cs-color-pink-10);
+    --cs-color-warning-05: var(--cs-color-pink-05);
+    --cs-color-warning: var(--cs-color-pink-60);
+    --cs-color-warning-key: 60;
+    --cs-color-warning-on: var(--cs-color-pink-on);
+  }
+
+  .cs-warning-cerise {
+    --cs-color-warning-95: var(--cs-color-cerise-95);
+    --cs-color-warning-90: var(--cs-color-cerise-90);
+    --cs-color-warning-80: var(--cs-color-cerise-80);
+    --cs-color-warning-70: var(--cs-color-cerise-70);
+    --cs-color-warning-60: var(--cs-color-cerise-60);
+    --cs-color-warning-50: var(--cs-color-cerise-50);
+    --cs-color-warning-40: var(--cs-color-cerise-40);
+    --cs-color-warning-30: var(--cs-color-cerise-30);
+    --cs-color-warning-20: var(--cs-color-cerise-20);
+    --cs-color-warning-10: var(--cs-color-cerise-10);
+    --cs-color-warning-05: var(--cs-color-cerise-05);
+    --cs-color-warning: var(--cs-color-cerise-50);
+    --cs-color-warning-key: 50;
+    --cs-color-warning-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-warning-ruby {
+    --cs-color-warning-95: var(--cs-color-ruby-95);
+    --cs-color-warning-90: var(--cs-color-ruby-90);
+    --cs-color-warning-80: var(--cs-color-ruby-80);
+    --cs-color-warning-70: var(--cs-color-ruby-70);
+    --cs-color-warning-60: var(--cs-color-ruby-60);
+    --cs-color-warning-50: var(--cs-color-ruby-50);
+    --cs-color-warning-40: var(--cs-color-ruby-40);
+    --cs-color-warning-30: var(--cs-color-ruby-30);
+    --cs-color-warning-20: var(--cs-color-ruby-20);
+    --cs-color-warning-10: var(--cs-color-ruby-10);
+    --cs-color-warning-05: var(--cs-color-ruby-05);
+    --cs-color-warning: var(--cs-color-ruby-30);
+    --cs-color-warning-key: 30;
+    --cs-color-warning-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-warning-sky {
+    --cs-color-warning-95: var(--cs-color-sky-95);
+    --cs-color-warning-90: var(--cs-color-sky-90);
+    --cs-color-warning-80: var(--cs-color-sky-80);
+    --cs-color-warning-70: var(--cs-color-sky-70);
+    --cs-color-warning-60: var(--cs-color-sky-60);
+    --cs-color-warning-50: var(--cs-color-sky-50);
+    --cs-color-warning-40: var(--cs-color-sky-40);
+    --cs-color-warning-30: var(--cs-color-sky-30);
+    --cs-color-warning-20: var(--cs-color-sky-20);
+    --cs-color-warning-10: var(--cs-color-sky-10);
+    --cs-color-warning-05: var(--cs-color-sky-05);
+    --cs-color-warning: var(--cs-color-sky-90);
+    --cs-color-warning-key: 90;
+    --cs-color-warning-on: var(--cs-color-sky-on);
+  }
+
+  .cs-warning-cyan {
+    --cs-color-warning-95: var(--cs-color-cyan-95);
+    --cs-color-warning-90: var(--cs-color-cyan-90);
+    --cs-color-warning-80: var(--cs-color-cyan-80);
+    --cs-color-warning-70: var(--cs-color-cyan-70);
+    --cs-color-warning-60: var(--cs-color-cyan-60);
+    --cs-color-warning-50: var(--cs-color-cyan-50);
+    --cs-color-warning-40: var(--cs-color-cyan-40);
+    --cs-color-warning-30: var(--cs-color-cyan-30);
+    --cs-color-warning-20: var(--cs-color-cyan-20);
+    --cs-color-warning-10: var(--cs-color-cyan-10);
+    --cs-color-warning-05: var(--cs-color-cyan-05);
+    --cs-color-warning: var(--cs-color-cyan-70);
+    --cs-color-warning-key: 70;
+    --cs-color-warning-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-warning-turquoise {
+    --cs-color-warning-95: var(--cs-color-turquoise-95);
+    --cs-color-warning-90: var(--cs-color-turquoise-90);
+    --cs-color-warning-80: var(--cs-color-turquoise-80);
+    --cs-color-warning-70: var(--cs-color-turquoise-70);
+    --cs-color-warning-60: var(--cs-color-turquoise-60);
+    --cs-color-warning-50: var(--cs-color-turquoise-50);
+    --cs-color-warning-40: var(--cs-color-turquoise-40);
+    --cs-color-warning-30: var(--cs-color-turquoise-30);
+    --cs-color-warning-20: var(--cs-color-turquoise-20);
+    --cs-color-warning-10: var(--cs-color-turquoise-10);
+    --cs-color-warning-05: var(--cs-color-turquoise-05);
+    --cs-color-warning: var(--cs-color-turquoise-50);
+    --cs-color-warning-key: 50;
+    --cs-color-warning-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-warning-navy {
+    --cs-color-warning-95: var(--cs-color-navy-95);
+    --cs-color-warning-90: var(--cs-color-navy-90);
+    --cs-color-warning-80: var(--cs-color-navy-80);
+    --cs-color-warning-70: var(--cs-color-navy-70);
+    --cs-color-warning-60: var(--cs-color-navy-60);
+    --cs-color-warning-50: var(--cs-color-navy-50);
+    --cs-color-warning-40: var(--cs-color-navy-40);
+    --cs-color-warning-30: var(--cs-color-navy-30);
+    --cs-color-warning-20: var(--cs-color-navy-20);
+    --cs-color-warning-10: var(--cs-color-navy-10);
+    --cs-color-warning-05: var(--cs-color-navy-05);
+    --cs-color-warning: var(--cs-color-navy-10);
+    --cs-color-warning-key: 10;
+    --cs-color-warning-on: var(--cs-color-navy-on);
+  }
+
+  .cs-warning-mint {
+    --cs-color-warning-95: var(--cs-color-mint-95);
+    --cs-color-warning-90: var(--cs-color-mint-90);
+    --cs-color-warning-80: var(--cs-color-mint-80);
+    --cs-color-warning-70: var(--cs-color-mint-70);
+    --cs-color-warning-60: var(--cs-color-mint-60);
+    --cs-color-warning-50: var(--cs-color-mint-50);
+    --cs-color-warning-40: var(--cs-color-mint-40);
+    --cs-color-warning-30: var(--cs-color-mint-30);
+    --cs-color-warning-20: var(--cs-color-mint-20);
+    --cs-color-warning-10: var(--cs-color-mint-10);
+    --cs-color-warning-05: var(--cs-color-mint-05);
+    --cs-color-warning: var(--cs-color-mint-80);
+    --cs-color-warning-key: 80;
+    --cs-color-warning-on: var(--cs-color-mint-on);
+  }
+
+  .cs-warning-green {
+    --cs-color-warning-95: var(--cs-color-green-95);
+    --cs-color-warning-90: var(--cs-color-green-90);
+    --cs-color-warning-80: var(--cs-color-green-80);
+    --cs-color-warning-70: var(--cs-color-green-70);
+    --cs-color-warning-60: var(--cs-color-green-60);
+    --cs-color-warning-50: var(--cs-color-green-50);
+    --cs-color-warning-40: var(--cs-color-green-40);
+    --cs-color-warning-30: var(--cs-color-green-30);
+    --cs-color-warning-20: var(--cs-color-green-20);
+    --cs-color-warning-10: var(--cs-color-green-10);
+    --cs-color-warning-05: var(--cs-color-green-05);
+    --cs-color-warning: var(--cs-color-green-70);
+    --cs-color-warning-key: 70;
+    --cs-color-warning-on: var(--cs-color-green-on);
+  }
+
+  .cs-warning-moss {
+    --cs-color-warning-95: var(--cs-color-moss-95);
+    --cs-color-warning-90: var(--cs-color-moss-90);
+    --cs-color-warning-80: var(--cs-color-moss-80);
+    --cs-color-warning-70: var(--cs-color-moss-70);
+    --cs-color-warning-60: var(--cs-color-moss-60);
+    --cs-color-warning-50: var(--cs-color-moss-50);
+    --cs-color-warning-40: var(--cs-color-moss-40);
+    --cs-color-warning-30: var(--cs-color-moss-30);
+    --cs-color-warning-20: var(--cs-color-moss-20);
+    --cs-color-warning-10: var(--cs-color-moss-10);
+    --cs-color-warning-05: var(--cs-color-moss-05);
+    --cs-color-warning: var(--cs-color-moss-40);
+    --cs-color-warning-key: 40;
+    --cs-color-warning-on: var(--cs-color-moss-on);
+  }
+
+  .cs-warning-olive-drab {
+    --cs-color-warning-95: var(--cs-color-olive-drab-95);
+    --cs-color-warning-90: var(--cs-color-olive-drab-90);
+    --cs-color-warning-80: var(--cs-color-olive-drab-80);
+    --cs-color-warning-70: var(--cs-color-olive-drab-70);
+    --cs-color-warning-60: var(--cs-color-olive-drab-60);
+    --cs-color-warning-50: var(--cs-color-olive-drab-50);
+    --cs-color-warning-40: var(--cs-color-olive-drab-40);
+    --cs-color-warning-30: var(--cs-color-olive-drab-30);
+    --cs-color-warning-20: var(--cs-color-olive-drab-20);
+    --cs-color-warning-10: var(--cs-color-olive-drab-10);
+    --cs-color-warning-05: var(--cs-color-olive-drab-05);
+    --cs-color-warning: var(--cs-color-olive-drab-20);
+    --cs-color-warning-key: 20;
+    --cs-color-warning-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-warning-gray {
+    --cs-color-warning-95: var(--cs-color-gray-95);
+    --cs-color-warning-90: var(--cs-color-gray-90);
+    --cs-color-warning-80: var(--cs-color-gray-80);
+    --cs-color-warning-70: var(--cs-color-gray-70);
+    --cs-color-warning-60: var(--cs-color-gray-60);
+    --cs-color-warning-50: var(--cs-color-gray-50);
+    --cs-color-warning-40: var(--cs-color-gray-40);
+    --cs-color-warning-30: var(--cs-color-gray-30);
+    --cs-color-warning-20: var(--cs-color-gray-20);
+    --cs-color-warning-10: var(--cs-color-gray-10);
+    --cs-color-warning-05: var(--cs-color-gray-05);
+    --cs-color-warning: var(--cs-color-gray-95);
+    --cs-color-warning-key: 95;
+    --cs-color-warning-on: var(--cs-color-gray-on);
+  }
+
+  .cs-warning-graphite {
+    --cs-color-warning-95: var(--cs-color-graphite-95);
+    --cs-color-warning-90: var(--cs-color-graphite-90);
+    --cs-color-warning-80: var(--cs-color-graphite-80);
+    --cs-color-warning-70: var(--cs-color-graphite-70);
+    --cs-color-warning-60: var(--cs-color-graphite-60);
+    --cs-color-warning-50: var(--cs-color-graphite-50);
+    --cs-color-warning-40: var(--cs-color-graphite-40);
+    --cs-color-warning-30: var(--cs-color-graphite-30);
+    --cs-color-warning-20: var(--cs-color-graphite-20);
+    --cs-color-warning-10: var(--cs-color-graphite-10);
+    --cs-color-warning-05: var(--cs-color-graphite-05);
+    --cs-color-warning: var(--cs-color-graphite-40);
+    --cs-color-warning-key: 40;
+    --cs-color-warning-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-warning-purple {
+    --cs-color-warning-95: var(--cs-color-purple-95);
+    --cs-color-warning-90: var(--cs-color-purple-90);
+    --cs-color-warning-80: var(--cs-color-purple-80);
+    --cs-color-warning-70: var(--cs-color-purple-70);
+    --cs-color-warning-60: var(--cs-color-purple-60);
+    --cs-color-warning-50: var(--cs-color-purple-50);
+    --cs-color-warning-40: var(--cs-color-purple-40);
+    --cs-color-warning-30: var(--cs-color-purple-30);
+    --cs-color-warning-20: var(--cs-color-purple-20);
+    --cs-color-warning-10: var(--cs-color-purple-10);
+    --cs-color-warning-05: var(--cs-color-purple-05);
+    --cs-color-warning: var(--cs-color-purple-50);
+    --cs-color-warning-key: 50;
+    --cs-color-warning-on: var(--cs-color-purple-on);
+  }
+
+  /* danger — defaults to cerise */
+  :where(:root), /* default */
+  .cs-danger-cerise {
+    --cs-color-danger-95: var(--cs-color-cerise-95);
+    --cs-color-danger-90: var(--cs-color-cerise-90);
+    --cs-color-danger-80: var(--cs-color-cerise-80);
+    --cs-color-danger-70: var(--cs-color-cerise-70);
+    --cs-color-danger-60: var(--cs-color-cerise-60);
+    --cs-color-danger-50: var(--cs-color-cerise-50);
+    --cs-color-danger-40: var(--cs-color-cerise-40);
+    --cs-color-danger-30: var(--cs-color-cerise-30);
+    --cs-color-danger-20: var(--cs-color-cerise-20);
+    --cs-color-danger-10: var(--cs-color-cerise-10);
+    --cs-color-danger-05: var(--cs-color-cerise-05);
+    --cs-color-danger: var(--cs-color-cerise-50);
+    --cs-color-danger-key: 50;
+    --cs-color-danger-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-danger-lemon {
+    --cs-color-danger-95: var(--cs-color-lemon-95);
+    --cs-color-danger-90: var(--cs-color-lemon-90);
+    --cs-color-danger-80: var(--cs-color-lemon-80);
+    --cs-color-danger-70: var(--cs-color-lemon-70);
+    --cs-color-danger-60: var(--cs-color-lemon-60);
+    --cs-color-danger-50: var(--cs-color-lemon-50);
+    --cs-color-danger-40: var(--cs-color-lemon-40);
+    --cs-color-danger-30: var(--cs-color-lemon-30);
+    --cs-color-danger-20: var(--cs-color-lemon-20);
+    --cs-color-danger-10: var(--cs-color-lemon-10);
+    --cs-color-danger-05: var(--cs-color-lemon-05);
+    --cs-color-danger: var(--cs-color-lemon-90);
+    --cs-color-danger-key: 90;
+    --cs-color-danger-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-danger-yellow {
+    --cs-color-danger-95: var(--cs-color-yellow-95);
+    --cs-color-danger-90: var(--cs-color-yellow-90);
+    --cs-color-danger-80: var(--cs-color-yellow-80);
+    --cs-color-danger-70: var(--cs-color-yellow-70);
+    --cs-color-danger-60: var(--cs-color-yellow-60);
+    --cs-color-danger-50: var(--cs-color-yellow-50);
+    --cs-color-danger-40: var(--cs-color-yellow-40);
+    --cs-color-danger-30: var(--cs-color-yellow-30);
+    --cs-color-danger-20: var(--cs-color-yellow-20);
+    --cs-color-danger-10: var(--cs-color-yellow-10);
+    --cs-color-danger-05: var(--cs-color-yellow-05);
+    --cs-color-danger: var(--cs-color-yellow-80);
+    --cs-color-danger-key: 80;
+    --cs-color-danger-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-danger-orange {
+    --cs-color-danger-95: var(--cs-color-orange-95);
+    --cs-color-danger-90: var(--cs-color-orange-90);
+    --cs-color-danger-80: var(--cs-color-orange-80);
+    --cs-color-danger-70: var(--cs-color-orange-70);
+    --cs-color-danger-60: var(--cs-color-orange-60);
+    --cs-color-danger-50: var(--cs-color-orange-50);
+    --cs-color-danger-40: var(--cs-color-orange-40);
+    --cs-color-danger-30: var(--cs-color-orange-30);
+    --cs-color-danger-20: var(--cs-color-orange-20);
+    --cs-color-danger-10: var(--cs-color-orange-10);
+    --cs-color-danger-05: var(--cs-color-orange-05);
+    --cs-color-danger: var(--cs-color-orange-60);
+    --cs-color-danger-key: 60;
+    --cs-color-danger-on: var(--cs-color-orange-on);
+  }
+
+  .cs-danger-vermilion {
+    --cs-color-danger-95: var(--cs-color-vermilion-95);
+    --cs-color-danger-90: var(--cs-color-vermilion-90);
+    --cs-color-danger-80: var(--cs-color-vermilion-80);
+    --cs-color-danger-70: var(--cs-color-vermilion-70);
+    --cs-color-danger-60: var(--cs-color-vermilion-60);
+    --cs-color-danger-50: var(--cs-color-vermilion-50);
+    --cs-color-danger-40: var(--cs-color-vermilion-40);
+    --cs-color-danger-30: var(--cs-color-vermilion-30);
+    --cs-color-danger-20: var(--cs-color-vermilion-20);
+    --cs-color-danger-10: var(--cs-color-vermilion-10);
+    --cs-color-danger-05: var(--cs-color-vermilion-05);
+    --cs-color-danger: var(--cs-color-vermilion-50);
+    --cs-color-danger-key: 50;
+    --cs-color-danger-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-danger-rose {
+    --cs-color-danger-95: var(--cs-color-rose-95);
+    --cs-color-danger-90: var(--cs-color-rose-90);
+    --cs-color-danger-80: var(--cs-color-rose-80);
+    --cs-color-danger-70: var(--cs-color-rose-70);
+    --cs-color-danger-60: var(--cs-color-rose-60);
+    --cs-color-danger-50: var(--cs-color-rose-50);
+    --cs-color-danger-40: var(--cs-color-rose-40);
+    --cs-color-danger-30: var(--cs-color-rose-30);
+    --cs-color-danger-20: var(--cs-color-rose-20);
+    --cs-color-danger-10: var(--cs-color-rose-10);
+    --cs-color-danger-05: var(--cs-color-rose-05);
+    --cs-color-danger: var(--cs-color-rose-80);
+    --cs-color-danger-key: 80;
+    --cs-color-danger-on: var(--cs-color-rose-on);
+  }
+
+  .cs-danger-pink {
+    --cs-color-danger-95: var(--cs-color-pink-95);
+    --cs-color-danger-90: var(--cs-color-pink-90);
+    --cs-color-danger-80: var(--cs-color-pink-80);
+    --cs-color-danger-70: var(--cs-color-pink-70);
+    --cs-color-danger-60: var(--cs-color-pink-60);
+    --cs-color-danger-50: var(--cs-color-pink-50);
+    --cs-color-danger-40: var(--cs-color-pink-40);
+    --cs-color-danger-30: var(--cs-color-pink-30);
+    --cs-color-danger-20: var(--cs-color-pink-20);
+    --cs-color-danger-10: var(--cs-color-pink-10);
+    --cs-color-danger-05: var(--cs-color-pink-05);
+    --cs-color-danger: var(--cs-color-pink-60);
+    --cs-color-danger-key: 60;
+    --cs-color-danger-on: var(--cs-color-pink-on);
+  }
+
+  .cs-danger-ruby {
+    --cs-color-danger-95: var(--cs-color-ruby-95);
+    --cs-color-danger-90: var(--cs-color-ruby-90);
+    --cs-color-danger-80: var(--cs-color-ruby-80);
+    --cs-color-danger-70: var(--cs-color-ruby-70);
+    --cs-color-danger-60: var(--cs-color-ruby-60);
+    --cs-color-danger-50: var(--cs-color-ruby-50);
+    --cs-color-danger-40: var(--cs-color-ruby-40);
+    --cs-color-danger-30: var(--cs-color-ruby-30);
+    --cs-color-danger-20: var(--cs-color-ruby-20);
+    --cs-color-danger-10: var(--cs-color-ruby-10);
+    --cs-color-danger-05: var(--cs-color-ruby-05);
+    --cs-color-danger: var(--cs-color-ruby-30);
+    --cs-color-danger-key: 30;
+    --cs-color-danger-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-danger-sky {
+    --cs-color-danger-95: var(--cs-color-sky-95);
+    --cs-color-danger-90: var(--cs-color-sky-90);
+    --cs-color-danger-80: var(--cs-color-sky-80);
+    --cs-color-danger-70: var(--cs-color-sky-70);
+    --cs-color-danger-60: var(--cs-color-sky-60);
+    --cs-color-danger-50: var(--cs-color-sky-50);
+    --cs-color-danger-40: var(--cs-color-sky-40);
+    --cs-color-danger-30: var(--cs-color-sky-30);
+    --cs-color-danger-20: var(--cs-color-sky-20);
+    --cs-color-danger-10: var(--cs-color-sky-10);
+    --cs-color-danger-05: var(--cs-color-sky-05);
+    --cs-color-danger: var(--cs-color-sky-90);
+    --cs-color-danger-key: 90;
+    --cs-color-danger-on: var(--cs-color-sky-on);
+  }
+
+  .cs-danger-cyan {
+    --cs-color-danger-95: var(--cs-color-cyan-95);
+    --cs-color-danger-90: var(--cs-color-cyan-90);
+    --cs-color-danger-80: var(--cs-color-cyan-80);
+    --cs-color-danger-70: var(--cs-color-cyan-70);
+    --cs-color-danger-60: var(--cs-color-cyan-60);
+    --cs-color-danger-50: var(--cs-color-cyan-50);
+    --cs-color-danger-40: var(--cs-color-cyan-40);
+    --cs-color-danger-30: var(--cs-color-cyan-30);
+    --cs-color-danger-20: var(--cs-color-cyan-20);
+    --cs-color-danger-10: var(--cs-color-cyan-10);
+    --cs-color-danger-05: var(--cs-color-cyan-05);
+    --cs-color-danger: var(--cs-color-cyan-70);
+    --cs-color-danger-key: 70;
+    --cs-color-danger-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-danger-turquoise {
+    --cs-color-danger-95: var(--cs-color-turquoise-95);
+    --cs-color-danger-90: var(--cs-color-turquoise-90);
+    --cs-color-danger-80: var(--cs-color-turquoise-80);
+    --cs-color-danger-70: var(--cs-color-turquoise-70);
+    --cs-color-danger-60: var(--cs-color-turquoise-60);
+    --cs-color-danger-50: var(--cs-color-turquoise-50);
+    --cs-color-danger-40: var(--cs-color-turquoise-40);
+    --cs-color-danger-30: var(--cs-color-turquoise-30);
+    --cs-color-danger-20: var(--cs-color-turquoise-20);
+    --cs-color-danger-10: var(--cs-color-turquoise-10);
+    --cs-color-danger-05: var(--cs-color-turquoise-05);
+    --cs-color-danger: var(--cs-color-turquoise-50);
+    --cs-color-danger-key: 50;
+    --cs-color-danger-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-danger-navy {
+    --cs-color-danger-95: var(--cs-color-navy-95);
+    --cs-color-danger-90: var(--cs-color-navy-90);
+    --cs-color-danger-80: var(--cs-color-navy-80);
+    --cs-color-danger-70: var(--cs-color-navy-70);
+    --cs-color-danger-60: var(--cs-color-navy-60);
+    --cs-color-danger-50: var(--cs-color-navy-50);
+    --cs-color-danger-40: var(--cs-color-navy-40);
+    --cs-color-danger-30: var(--cs-color-navy-30);
+    --cs-color-danger-20: var(--cs-color-navy-20);
+    --cs-color-danger-10: var(--cs-color-navy-10);
+    --cs-color-danger-05: var(--cs-color-navy-05);
+    --cs-color-danger: var(--cs-color-navy-10);
+    --cs-color-danger-key: 10;
+    --cs-color-danger-on: var(--cs-color-navy-on);
+  }
+
+  .cs-danger-mint {
+    --cs-color-danger-95: var(--cs-color-mint-95);
+    --cs-color-danger-90: var(--cs-color-mint-90);
+    --cs-color-danger-80: var(--cs-color-mint-80);
+    --cs-color-danger-70: var(--cs-color-mint-70);
+    --cs-color-danger-60: var(--cs-color-mint-60);
+    --cs-color-danger-50: var(--cs-color-mint-50);
+    --cs-color-danger-40: var(--cs-color-mint-40);
+    --cs-color-danger-30: var(--cs-color-mint-30);
+    --cs-color-danger-20: var(--cs-color-mint-20);
+    --cs-color-danger-10: var(--cs-color-mint-10);
+    --cs-color-danger-05: var(--cs-color-mint-05);
+    --cs-color-danger: var(--cs-color-mint-80);
+    --cs-color-danger-key: 80;
+    --cs-color-danger-on: var(--cs-color-mint-on);
+  }
+
+  .cs-danger-green {
+    --cs-color-danger-95: var(--cs-color-green-95);
+    --cs-color-danger-90: var(--cs-color-green-90);
+    --cs-color-danger-80: var(--cs-color-green-80);
+    --cs-color-danger-70: var(--cs-color-green-70);
+    --cs-color-danger-60: var(--cs-color-green-60);
+    --cs-color-danger-50: var(--cs-color-green-50);
+    --cs-color-danger-40: var(--cs-color-green-40);
+    --cs-color-danger-30: var(--cs-color-green-30);
+    --cs-color-danger-20: var(--cs-color-green-20);
+    --cs-color-danger-10: var(--cs-color-green-10);
+    --cs-color-danger-05: var(--cs-color-green-05);
+    --cs-color-danger: var(--cs-color-green-70);
+    --cs-color-danger-key: 70;
+    --cs-color-danger-on: var(--cs-color-green-on);
+  }
+
+  .cs-danger-moss {
+    --cs-color-danger-95: var(--cs-color-moss-95);
+    --cs-color-danger-90: var(--cs-color-moss-90);
+    --cs-color-danger-80: var(--cs-color-moss-80);
+    --cs-color-danger-70: var(--cs-color-moss-70);
+    --cs-color-danger-60: var(--cs-color-moss-60);
+    --cs-color-danger-50: var(--cs-color-moss-50);
+    --cs-color-danger-40: var(--cs-color-moss-40);
+    --cs-color-danger-30: var(--cs-color-moss-30);
+    --cs-color-danger-20: var(--cs-color-moss-20);
+    --cs-color-danger-10: var(--cs-color-moss-10);
+    --cs-color-danger-05: var(--cs-color-moss-05);
+    --cs-color-danger: var(--cs-color-moss-40);
+    --cs-color-danger-key: 40;
+    --cs-color-danger-on: var(--cs-color-moss-on);
+  }
+
+  .cs-danger-olive-drab {
+    --cs-color-danger-95: var(--cs-color-olive-drab-95);
+    --cs-color-danger-90: var(--cs-color-olive-drab-90);
+    --cs-color-danger-80: var(--cs-color-olive-drab-80);
+    --cs-color-danger-70: var(--cs-color-olive-drab-70);
+    --cs-color-danger-60: var(--cs-color-olive-drab-60);
+    --cs-color-danger-50: var(--cs-color-olive-drab-50);
+    --cs-color-danger-40: var(--cs-color-olive-drab-40);
+    --cs-color-danger-30: var(--cs-color-olive-drab-30);
+    --cs-color-danger-20: var(--cs-color-olive-drab-20);
+    --cs-color-danger-10: var(--cs-color-olive-drab-10);
+    --cs-color-danger-05: var(--cs-color-olive-drab-05);
+    --cs-color-danger: var(--cs-color-olive-drab-20);
+    --cs-color-danger-key: 20;
+    --cs-color-danger-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-danger-gray {
+    --cs-color-danger-95: var(--cs-color-gray-95);
+    --cs-color-danger-90: var(--cs-color-gray-90);
+    --cs-color-danger-80: var(--cs-color-gray-80);
+    --cs-color-danger-70: var(--cs-color-gray-70);
+    --cs-color-danger-60: var(--cs-color-gray-60);
+    --cs-color-danger-50: var(--cs-color-gray-50);
+    --cs-color-danger-40: var(--cs-color-gray-40);
+    --cs-color-danger-30: var(--cs-color-gray-30);
+    --cs-color-danger-20: var(--cs-color-gray-20);
+    --cs-color-danger-10: var(--cs-color-gray-10);
+    --cs-color-danger-05: var(--cs-color-gray-05);
+    --cs-color-danger: var(--cs-color-gray-95);
+    --cs-color-danger-key: 95;
+    --cs-color-danger-on: var(--cs-color-gray-on);
+  }
+
+  .cs-danger-graphite {
+    --cs-color-danger-95: var(--cs-color-graphite-95);
+    --cs-color-danger-90: var(--cs-color-graphite-90);
+    --cs-color-danger-80: var(--cs-color-graphite-80);
+    --cs-color-danger-70: var(--cs-color-graphite-70);
+    --cs-color-danger-60: var(--cs-color-graphite-60);
+    --cs-color-danger-50: var(--cs-color-graphite-50);
+    --cs-color-danger-40: var(--cs-color-graphite-40);
+    --cs-color-danger-30: var(--cs-color-graphite-30);
+    --cs-color-danger-20: var(--cs-color-graphite-20);
+    --cs-color-danger-10: var(--cs-color-graphite-10);
+    --cs-color-danger-05: var(--cs-color-graphite-05);
+    --cs-color-danger: var(--cs-color-graphite-40);
+    --cs-color-danger-key: 40;
+    --cs-color-danger-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-danger-purple {
+    --cs-color-danger-95: var(--cs-color-purple-95);
+    --cs-color-danger-90: var(--cs-color-purple-90);
+    --cs-color-danger-80: var(--cs-color-purple-80);
+    --cs-color-danger-70: var(--cs-color-purple-70);
+    --cs-color-danger-60: var(--cs-color-purple-60);
+    --cs-color-danger-50: var(--cs-color-purple-50);
+    --cs-color-danger-40: var(--cs-color-purple-40);
+    --cs-color-danger-30: var(--cs-color-purple-30);
+    --cs-color-danger-20: var(--cs-color-purple-20);
+    --cs-color-danger-10: var(--cs-color-purple-10);
+    --cs-color-danger-05: var(--cs-color-purple-05);
+    --cs-color-danger: var(--cs-color-purple-50);
+    --cs-color-danger-key: 50;
+    --cs-color-danger-on: var(--cs-color-purple-on);
+  }
+
+  /* link — defaults to cyan */
+  :where(:root), /* default */
+  .cs-link-cyan {
+    --cs-color-link-95: var(--cs-color-cyan-95);
+    --cs-color-link-90: var(--cs-color-cyan-90);
+    --cs-color-link-80: var(--cs-color-cyan-80);
+    --cs-color-link-70: var(--cs-color-cyan-70);
+    --cs-color-link-60: var(--cs-color-cyan-60);
+    --cs-color-link-50: var(--cs-color-cyan-50);
+    --cs-color-link-40: var(--cs-color-cyan-40);
+    --cs-color-link-30: var(--cs-color-cyan-30);
+    --cs-color-link-20: var(--cs-color-cyan-20);
+    --cs-color-link-10: var(--cs-color-cyan-10);
+    --cs-color-link-05: var(--cs-color-cyan-05);
+    --cs-color-link: var(--cs-color-cyan-70);
+    --cs-color-link-key: 70;
+    --cs-color-link-on: var(--cs-color-cyan-on);
+  }
+
+  .cs-link-lemon {
+    --cs-color-link-95: var(--cs-color-lemon-95);
+    --cs-color-link-90: var(--cs-color-lemon-90);
+    --cs-color-link-80: var(--cs-color-lemon-80);
+    --cs-color-link-70: var(--cs-color-lemon-70);
+    --cs-color-link-60: var(--cs-color-lemon-60);
+    --cs-color-link-50: var(--cs-color-lemon-50);
+    --cs-color-link-40: var(--cs-color-lemon-40);
+    --cs-color-link-30: var(--cs-color-lemon-30);
+    --cs-color-link-20: var(--cs-color-lemon-20);
+    --cs-color-link-10: var(--cs-color-lemon-10);
+    --cs-color-link-05: var(--cs-color-lemon-05);
+    --cs-color-link: var(--cs-color-lemon-90);
+    --cs-color-link-key: 90;
+    --cs-color-link-on: var(--cs-color-lemon-on);
+  }
+
+  .cs-link-yellow {
+    --cs-color-link-95: var(--cs-color-yellow-95);
+    --cs-color-link-90: var(--cs-color-yellow-90);
+    --cs-color-link-80: var(--cs-color-yellow-80);
+    --cs-color-link-70: var(--cs-color-yellow-70);
+    --cs-color-link-60: var(--cs-color-yellow-60);
+    --cs-color-link-50: var(--cs-color-yellow-50);
+    --cs-color-link-40: var(--cs-color-yellow-40);
+    --cs-color-link-30: var(--cs-color-yellow-30);
+    --cs-color-link-20: var(--cs-color-yellow-20);
+    --cs-color-link-10: var(--cs-color-yellow-10);
+    --cs-color-link-05: var(--cs-color-yellow-05);
+    --cs-color-link: var(--cs-color-yellow-80);
+    --cs-color-link-key: 80;
+    --cs-color-link-on: var(--cs-color-yellow-on);
+  }
+
+  .cs-link-orange {
+    --cs-color-link-95: var(--cs-color-orange-95);
+    --cs-color-link-90: var(--cs-color-orange-90);
+    --cs-color-link-80: var(--cs-color-orange-80);
+    --cs-color-link-70: var(--cs-color-orange-70);
+    --cs-color-link-60: var(--cs-color-orange-60);
+    --cs-color-link-50: var(--cs-color-orange-50);
+    --cs-color-link-40: var(--cs-color-orange-40);
+    --cs-color-link-30: var(--cs-color-orange-30);
+    --cs-color-link-20: var(--cs-color-orange-20);
+    --cs-color-link-10: var(--cs-color-orange-10);
+    --cs-color-link-05: var(--cs-color-orange-05);
+    --cs-color-link: var(--cs-color-orange-60);
+    --cs-color-link-key: 60;
+    --cs-color-link-on: var(--cs-color-orange-on);
+  }
+
+  .cs-link-vermilion {
+    --cs-color-link-95: var(--cs-color-vermilion-95);
+    --cs-color-link-90: var(--cs-color-vermilion-90);
+    --cs-color-link-80: var(--cs-color-vermilion-80);
+    --cs-color-link-70: var(--cs-color-vermilion-70);
+    --cs-color-link-60: var(--cs-color-vermilion-60);
+    --cs-color-link-50: var(--cs-color-vermilion-50);
+    --cs-color-link-40: var(--cs-color-vermilion-40);
+    --cs-color-link-30: var(--cs-color-vermilion-30);
+    --cs-color-link-20: var(--cs-color-vermilion-20);
+    --cs-color-link-10: var(--cs-color-vermilion-10);
+    --cs-color-link-05: var(--cs-color-vermilion-05);
+    --cs-color-link: var(--cs-color-vermilion-50);
+    --cs-color-link-key: 50;
+    --cs-color-link-on: var(--cs-color-vermilion-on);
+  }
+
+  .cs-link-rose {
+    --cs-color-link-95: var(--cs-color-rose-95);
+    --cs-color-link-90: var(--cs-color-rose-90);
+    --cs-color-link-80: var(--cs-color-rose-80);
+    --cs-color-link-70: var(--cs-color-rose-70);
+    --cs-color-link-60: var(--cs-color-rose-60);
+    --cs-color-link-50: var(--cs-color-rose-50);
+    --cs-color-link-40: var(--cs-color-rose-40);
+    --cs-color-link-30: var(--cs-color-rose-30);
+    --cs-color-link-20: var(--cs-color-rose-20);
+    --cs-color-link-10: var(--cs-color-rose-10);
+    --cs-color-link-05: var(--cs-color-rose-05);
+    --cs-color-link: var(--cs-color-rose-80);
+    --cs-color-link-key: 80;
+    --cs-color-link-on: var(--cs-color-rose-on);
+  }
+
+  .cs-link-pink {
+    --cs-color-link-95: var(--cs-color-pink-95);
+    --cs-color-link-90: var(--cs-color-pink-90);
+    --cs-color-link-80: var(--cs-color-pink-80);
+    --cs-color-link-70: var(--cs-color-pink-70);
+    --cs-color-link-60: var(--cs-color-pink-60);
+    --cs-color-link-50: var(--cs-color-pink-50);
+    --cs-color-link-40: var(--cs-color-pink-40);
+    --cs-color-link-30: var(--cs-color-pink-30);
+    --cs-color-link-20: var(--cs-color-pink-20);
+    --cs-color-link-10: var(--cs-color-pink-10);
+    --cs-color-link-05: var(--cs-color-pink-05);
+    --cs-color-link: var(--cs-color-pink-60);
+    --cs-color-link-key: 60;
+    --cs-color-link-on: var(--cs-color-pink-on);
+  }
+
+  .cs-link-cerise {
+    --cs-color-link-95: var(--cs-color-cerise-95);
+    --cs-color-link-90: var(--cs-color-cerise-90);
+    --cs-color-link-80: var(--cs-color-cerise-80);
+    --cs-color-link-70: var(--cs-color-cerise-70);
+    --cs-color-link-60: var(--cs-color-cerise-60);
+    --cs-color-link-50: var(--cs-color-cerise-50);
+    --cs-color-link-40: var(--cs-color-cerise-40);
+    --cs-color-link-30: var(--cs-color-cerise-30);
+    --cs-color-link-20: var(--cs-color-cerise-20);
+    --cs-color-link-10: var(--cs-color-cerise-10);
+    --cs-color-link-05: var(--cs-color-cerise-05);
+    --cs-color-link: var(--cs-color-cerise-50);
+    --cs-color-link-key: 50;
+    --cs-color-link-on: var(--cs-color-cerise-on);
+  }
+
+  .cs-link-ruby {
+    --cs-color-link-95: var(--cs-color-ruby-95);
+    --cs-color-link-90: var(--cs-color-ruby-90);
+    --cs-color-link-80: var(--cs-color-ruby-80);
+    --cs-color-link-70: var(--cs-color-ruby-70);
+    --cs-color-link-60: var(--cs-color-ruby-60);
+    --cs-color-link-50: var(--cs-color-ruby-50);
+    --cs-color-link-40: var(--cs-color-ruby-40);
+    --cs-color-link-30: var(--cs-color-ruby-30);
+    --cs-color-link-20: var(--cs-color-ruby-20);
+    --cs-color-link-10: var(--cs-color-ruby-10);
+    --cs-color-link-05: var(--cs-color-ruby-05);
+    --cs-color-link: var(--cs-color-ruby-30);
+    --cs-color-link-key: 30;
+    --cs-color-link-on: var(--cs-color-ruby-on);
+  }
+
+  .cs-link-sky {
+    --cs-color-link-95: var(--cs-color-sky-95);
+    --cs-color-link-90: var(--cs-color-sky-90);
+    --cs-color-link-80: var(--cs-color-sky-80);
+    --cs-color-link-70: var(--cs-color-sky-70);
+    --cs-color-link-60: var(--cs-color-sky-60);
+    --cs-color-link-50: var(--cs-color-sky-50);
+    --cs-color-link-40: var(--cs-color-sky-40);
+    --cs-color-link-30: var(--cs-color-sky-30);
+    --cs-color-link-20: var(--cs-color-sky-20);
+    --cs-color-link-10: var(--cs-color-sky-10);
+    --cs-color-link-05: var(--cs-color-sky-05);
+    --cs-color-link: var(--cs-color-sky-90);
+    --cs-color-link-key: 90;
+    --cs-color-link-on: var(--cs-color-sky-on);
+  }
+
+  .cs-link-turquoise {
+    --cs-color-link-95: var(--cs-color-turquoise-95);
+    --cs-color-link-90: var(--cs-color-turquoise-90);
+    --cs-color-link-80: var(--cs-color-turquoise-80);
+    --cs-color-link-70: var(--cs-color-turquoise-70);
+    --cs-color-link-60: var(--cs-color-turquoise-60);
+    --cs-color-link-50: var(--cs-color-turquoise-50);
+    --cs-color-link-40: var(--cs-color-turquoise-40);
+    --cs-color-link-30: var(--cs-color-turquoise-30);
+    --cs-color-link-20: var(--cs-color-turquoise-20);
+    --cs-color-link-10: var(--cs-color-turquoise-10);
+    --cs-color-link-05: var(--cs-color-turquoise-05);
+    --cs-color-link: var(--cs-color-turquoise-50);
+    --cs-color-link-key: 50;
+    --cs-color-link-on: var(--cs-color-turquoise-on);
+  }
+
+  .cs-link-navy {
+    --cs-color-link-95: var(--cs-color-navy-95);
+    --cs-color-link-90: var(--cs-color-navy-90);
+    --cs-color-link-80: var(--cs-color-navy-80);
+    --cs-color-link-70: var(--cs-color-navy-70);
+    --cs-color-link-60: var(--cs-color-navy-60);
+    --cs-color-link-50: var(--cs-color-navy-50);
+    --cs-color-link-40: var(--cs-color-navy-40);
+    --cs-color-link-30: var(--cs-color-navy-30);
+    --cs-color-link-20: var(--cs-color-navy-20);
+    --cs-color-link-10: var(--cs-color-navy-10);
+    --cs-color-link-05: var(--cs-color-navy-05);
+    --cs-color-link: var(--cs-color-navy-10);
+    --cs-color-link-key: 10;
+    --cs-color-link-on: var(--cs-color-navy-on);
+  }
+
+  .cs-link-mint {
+    --cs-color-link-95: var(--cs-color-mint-95);
+    --cs-color-link-90: var(--cs-color-mint-90);
+    --cs-color-link-80: var(--cs-color-mint-80);
+    --cs-color-link-70: var(--cs-color-mint-70);
+    --cs-color-link-60: var(--cs-color-mint-60);
+    --cs-color-link-50: var(--cs-color-mint-50);
+    --cs-color-link-40: var(--cs-color-mint-40);
+    --cs-color-link-30: var(--cs-color-mint-30);
+    --cs-color-link-20: var(--cs-color-mint-20);
+    --cs-color-link-10: var(--cs-color-mint-10);
+    --cs-color-link-05: var(--cs-color-mint-05);
+    --cs-color-link: var(--cs-color-mint-80);
+    --cs-color-link-key: 80;
+    --cs-color-link-on: var(--cs-color-mint-on);
+  }
+
+  .cs-link-green {
+    --cs-color-link-95: var(--cs-color-green-95);
+    --cs-color-link-90: var(--cs-color-green-90);
+    --cs-color-link-80: var(--cs-color-green-80);
+    --cs-color-link-70: var(--cs-color-green-70);
+    --cs-color-link-60: var(--cs-color-green-60);
+    --cs-color-link-50: var(--cs-color-green-50);
+    --cs-color-link-40: var(--cs-color-green-40);
+    --cs-color-link-30: var(--cs-color-green-30);
+    --cs-color-link-20: var(--cs-color-green-20);
+    --cs-color-link-10: var(--cs-color-green-10);
+    --cs-color-link-05: var(--cs-color-green-05);
+    --cs-color-link: var(--cs-color-green-70);
+    --cs-color-link-key: 70;
+    --cs-color-link-on: var(--cs-color-green-on);
+  }
+
+  .cs-link-moss {
+    --cs-color-link-95: var(--cs-color-moss-95);
+    --cs-color-link-90: var(--cs-color-moss-90);
+    --cs-color-link-80: var(--cs-color-moss-80);
+    --cs-color-link-70: var(--cs-color-moss-70);
+    --cs-color-link-60: var(--cs-color-moss-60);
+    --cs-color-link-50: var(--cs-color-moss-50);
+    --cs-color-link-40: var(--cs-color-moss-40);
+    --cs-color-link-30: var(--cs-color-moss-30);
+    --cs-color-link-20: var(--cs-color-moss-20);
+    --cs-color-link-10: var(--cs-color-moss-10);
+    --cs-color-link-05: var(--cs-color-moss-05);
+    --cs-color-link: var(--cs-color-moss-40);
+    --cs-color-link-key: 40;
+    --cs-color-link-on: var(--cs-color-moss-on);
+  }
+
+  .cs-link-olive-drab {
+    --cs-color-link-95: var(--cs-color-olive-drab-95);
+    --cs-color-link-90: var(--cs-color-olive-drab-90);
+    --cs-color-link-80: var(--cs-color-olive-drab-80);
+    --cs-color-link-70: var(--cs-color-olive-drab-70);
+    --cs-color-link-60: var(--cs-color-olive-drab-60);
+    --cs-color-link-50: var(--cs-color-olive-drab-50);
+    --cs-color-link-40: var(--cs-color-olive-drab-40);
+    --cs-color-link-30: var(--cs-color-olive-drab-30);
+    --cs-color-link-20: var(--cs-color-olive-drab-20);
+    --cs-color-link-10: var(--cs-color-olive-drab-10);
+    --cs-color-link-05: var(--cs-color-olive-drab-05);
+    --cs-color-link: var(--cs-color-olive-drab-20);
+    --cs-color-link-key: 20;
+    --cs-color-link-on: var(--cs-color-olive-drab-on);
+  }
+
+  .cs-link-gray {
+    --cs-color-link-95: var(--cs-color-gray-95);
+    --cs-color-link-90: var(--cs-color-gray-90);
+    --cs-color-link-80: var(--cs-color-gray-80);
+    --cs-color-link-70: var(--cs-color-gray-70);
+    --cs-color-link-60: var(--cs-color-gray-60);
+    --cs-color-link-50: var(--cs-color-gray-50);
+    --cs-color-link-40: var(--cs-color-gray-40);
+    --cs-color-link-30: var(--cs-color-gray-30);
+    --cs-color-link-20: var(--cs-color-gray-20);
+    --cs-color-link-10: var(--cs-color-gray-10);
+    --cs-color-link-05: var(--cs-color-gray-05);
+    --cs-color-link: var(--cs-color-gray-95);
+    --cs-color-link-key: 95;
+    --cs-color-link-on: var(--cs-color-gray-on);
+  }
+
+  .cs-link-graphite {
+    --cs-color-link-95: var(--cs-color-graphite-95);
+    --cs-color-link-90: var(--cs-color-graphite-90);
+    --cs-color-link-80: var(--cs-color-graphite-80);
+    --cs-color-link-70: var(--cs-color-graphite-70);
+    --cs-color-link-60: var(--cs-color-graphite-60);
+    --cs-color-link-50: var(--cs-color-graphite-50);
+    --cs-color-link-40: var(--cs-color-graphite-40);
+    --cs-color-link-30: var(--cs-color-graphite-30);
+    --cs-color-link-20: var(--cs-color-graphite-20);
+    --cs-color-link-10: var(--cs-color-graphite-10);
+    --cs-color-link-05: var(--cs-color-graphite-05);
+    --cs-color-link: var(--cs-color-graphite-40);
+    --cs-color-link-key: 40;
+    --cs-color-link-on: var(--cs-color-graphite-on);
+  }
+
+  .cs-link-purple {
+    --cs-color-link-95: var(--cs-color-purple-95);
+    --cs-color-link-90: var(--cs-color-purple-90);
+    --cs-color-link-80: var(--cs-color-purple-80);
+    --cs-color-link-70: var(--cs-color-purple-70);
+    --cs-color-link-60: var(--cs-color-purple-60);
+    --cs-color-link-50: var(--cs-color-purple-50);
+    --cs-color-link-40: var(--cs-color-purple-40);
+    --cs-color-link-30: var(--cs-color-purple-30);
+    --cs-color-link-20: var(--cs-color-purple-20);
+    --cs-color-link-10: var(--cs-color-purple-10);
+    --cs-color-link-05: var(--cs-color-purple-05);
+    --cs-color-link: var(--cs-color-purple-50);
+    --cs-color-link-key: 50;
+    --cs-color-link-on: var(--cs-color-purple-on);
+  }
+}