Browse Source

Setting of radix colors

Ben Yorke 2 years ago
parent
commit
641a38afa6

+ 35 - 2
deps/shui/shui-graph/pages/contents.md

@@ -1,4 +1,37 @@
 - [[About Shui]]
 - [[shui/components]]
-	- [[shui/components/table]]
-	-
+	- beta
+		- [[shui/components/table]]
+	- up next
+		- [[shui/components/button]]
+		- [[shui/components/input]]
+		- [[shui/components/tooltip]]
+		- [[shui/components/text]]
+	- future
+		- [[shui/components/icon]]
+		- [[shui/components/tag]]
+		- [[shui/components/toggle]]
+		- [[shui/components/context-menu]]
+		- [[shui/components/right-sidebar]]
+		- [[shui/components/modal]]
+		- [[shui/components/properties]]
+- [[shui/colors]]
+	- We want to switch to radix varaibles
+	- We want to make it easy to customize with themes
+	- We want to support as much old themes as possible
+	- var(--shui-button-color,
+		- var(--logseq-button-primary-color,
+			- var(--lx-color-6)))
+	- light and dark variants
+	- ```
+	  :root {
+	    --lx-blue-1: #123456;
+	  }
+	  ```
+	- ```
+	  (js/document.style.setProperty "--lx-blue-1" ""#abcdef")
+	  ```
+	-
+- [[shui/inline]]
+	-
+-

+ 1716 - 0
resources/css/radix.css

@@ -0,0 +1,1716 @@
+:root {
+  --rx-test: orange;
+  --rx-amber-01: hsl(39, 70.0%, 99.0%);
+  --rx-amber-02: hsl(40, 100%, 96.5%);
+  --rx-amber-03: hsl(44, 100%, 91.7%);
+  --rx-amber-04: hsl(43, 100%, 86.8%);
+  --rx-amber-05: hsl(42, 100%, 81.8%);
+  --rx-amber-06: hsl(38, 99.7%, 76.3%);
+  --rx-amber-07: hsl(36, 86.1%, 67.1%);
+  --rx-amber-08: hsl(35, 85.2%, 55.1%);
+  --rx-amber-09: hsl(39, 100%, 57.0%);
+  --rx-amber-10: hsl(35, 100%, 55.5%);
+  --rx-amber-11: hsl(30, 100%, 34.0%);
+  --rx-amber-12: hsl(20, 80.0%, 17.0%);
+  --rx-blue-01: hsl(206, 100%, 99.2%);
+  --rx-blue-02: hsl(210, 100%, 98.0%);
+  --rx-blue-03: hsl(209, 100%, 96.5%);
+  --rx-blue-04: hsl(210, 98.8%, 94.0%);
+  --rx-blue-05: hsl(209, 95.0%, 90.1%);
+  --rx-blue-06: hsl(209, 81.2%, 84.5%);
+  --rx-blue-07: hsl(208, 77.5%, 76.9%);
+  --rx-blue-08: hsl(206, 81.9%, 65.3%);
+  --rx-blue-09: hsl(206, 100%, 50.0%);
+  --rx-blue-10: hsl(208, 100%, 47.3%);
+  --rx-blue-11: hsl(211, 100%, 43.2%);
+  --rx-blue-12: hsl(211, 100%, 15.0%);
+  --rx-bronze-01: hsl(15, 30.0%, 99.1%);
+  --rx-bronze-02: hsl(17, 63.6%, 97.8%);
+  --rx-bronze-03: hsl(17, 42.1%, 95.2%);
+  --rx-bronze-04: hsl(17, 35.2%, 92.1%);
+  --rx-bronze-05: hsl(17, 31.5%, 88.2%);
+  --rx-bronze-06: hsl(17, 29.0%, 83.0%);
+  --rx-bronze-07: hsl(17, 26.9%, 75.6%);
+  --rx-bronze-08: hsl(17, 25.1%, 66.5%);
+  --rx-bronze-09: hsl(17, 20.0%, 54.0%);
+  --rx-bronze-10: hsl(17, 18.1%, 50.1%);
+  --rx-bronze-11: hsl(15, 20.0%, 43.1%);
+  --rx-bronze-12: hsl(12, 22.0%, 21.5%);
+  --rx-brown-01: hsl(30, 40.0%, 99.1%);
+  --rx-brown-02: hsl(30, 50.0%, 97.6%);
+  --rx-brown-03: hsl(30, 52.5%, 94.6%);
+  --rx-brown-04: hsl(30, 53.0%, 91.2%);
+  --rx-brown-05: hsl(29, 52.9%, 86.8%);
+  --rx-brown-06: hsl(29, 52.5%, 80.9%);
+  --rx-brown-07: hsl(29, 51.5%, 72.8%);
+  --rx-brown-08: hsl(28, 50.0%, 63.1%);
+  --rx-brown-09: hsl(28, 34.0%, 51.0%);
+  --rx-brown-10: hsl(27, 31.8%, 47.6%);
+  --rx-brown-11: hsl(25, 30.0%, 41.0%);
+  --rx-brown-12: hsl(20, 30.0%, 19.0%);
+  --rx-crimson-01: hsl(332, 100%, 99.4%);
+  --rx-crimson-02: hsl(330, 100%, 98.4%);
+  --rx-crimson-03: hsl(331, 85.6%, 96.6%);
+  --rx-crimson-04: hsl(331, 78.1%, 94.2%);
+  --rx-crimson-05: hsl(332, 72.1%, 91.1%);
+  --rx-crimson-06: hsl(333, 67.0%, 86.7%);
+  --rx-crimson-07: hsl(335, 63.5%, 80.4%);
+  --rx-crimson-08: hsl(336, 62.3%, 72.9%);
+  --rx-crimson-09: hsl(336, 80.0%, 57.8%);
+  --rx-crimson-10: hsl(336, 73.7%, 53.5%);
+  --rx-crimson-11: hsl(336, 75.0%, 47.2%);
+  --rx-crimson-12: hsl(340, 65.0%, 14.5%);
+  --rx-cyan-01: hsl(185, 60.0%, 98.7%);
+  --rx-cyan-02: hsl(185, 73.3%, 97.1%);
+  --rx-cyan-03: hsl(186, 70.2%, 94.4%);
+  --rx-cyan-04: hsl(186, 63.8%, 90.6%);
+  --rx-cyan-05: hsl(187, 58.3%, 85.4%);
+  --rx-cyan-06: hsl(188, 54.6%, 78.4%);
+  --rx-cyan-07: hsl(189, 53.7%, 68.7%);
+  --rx-cyan-08: hsl(189, 60.3%, 52.5%);
+  --rx-cyan-09: hsl(190, 95.0%, 39.0%);
+  --rx-cyan-10: hsl(191, 91.2%, 36.8%);
+  --rx-cyan-11: hsl(192, 85.0%, 31.0%);
+  --rx-cyan-12: hsl(192, 88.0%, 12.5%);
+  --rx-gold-01: hsl(50, 20.0%, 99.1%);
+  --rx-gold-02: hsl(47, 52.9%, 96.7%);
+  --rx-gold-03: hsl(46, 38.2%, 93.7%);
+  --rx-gold-04: hsl(44, 32.7%, 90.1%);
+  --rx-gold-05: hsl(43, 29.9%, 85.7%);
+  --rx-gold-06: hsl(41, 28.3%, 79.8%);
+  --rx-gold-07: hsl(39, 27.6%, 71.9%);
+  --rx-gold-08: hsl(36, 27.2%, 61.8%);
+  --rx-gold-09: hsl(36, 20.0%, 49.5%);
+  --rx-gold-10: hsl(36, 19.8%, 45.7%);
+  --rx-gold-11: hsl(36, 20.0%, 39.0%);
+  --rx-gold-12: hsl(36, 16.0%, 20.0%);
+  --rx-grass-01: hsl(116, 50.0%, 98.9%);
+  --rx-grass-02: hsl(120, 60.0%, 97.1%);
+  --rx-grass-03: hsl(120, 53.6%, 94.8%);
+  --rx-grass-04: hsl(121, 47.5%, 91.4%);
+  --rx-grass-05: hsl(122, 42.6%, 86.5%);
+  --rx-grass-06: hsl(124, 39.0%, 79.7%);
+  --rx-grass-07: hsl(126, 37.1%, 70.2%);
+  --rx-grass-08: hsl(131, 38.1%, 56.3%);
+  --rx-grass-09: hsl(131, 41.0%, 46.5%);
+  --rx-grass-10: hsl(132, 43.1%, 42.2%);
+  --rx-grass-11: hsl(133, 50.0%, 32.5%);
+  --rx-grass-12: hsl(130, 30.0%, 14.9%);
+  --rx-gray-01: hsl(0, 0%, 99.0%);
+  --rx-gray-02: hsl(0, 0%, 97.3%);
+  --rx-gray-03: hsl(0, 0%, 95.1%);
+  --rx-gray-04: hsl(0, 0%, 93.0%);
+  --rx-gray-05: hsl(0, 0%, 90.9%);
+  --rx-gray-06: hsl(0, 0%, 88.7%);
+  --rx-gray-07: hsl(0, 0%, 85.8%);
+  --rx-gray-08: hsl(0, 0%, 78.0%);
+  --rx-gray-09: hsl(0, 0%, 56.1%);
+  --rx-gray-10: hsl(0, 0%, 52.3%);
+  --rx-gray-11: hsl(0, 0%, 43.5%);
+  --rx-gray-12: hsl(0, 0%, 9.0%);
+  --rx-green-01: hsl(136, 50.0%, 98.9%);
+  --rx-green-02: hsl(138, 62.5%, 96.9%);
+  --rx-green-03: hsl(139, 55.2%, 94.5%);
+  --rx-green-04: hsl(140, 48.7%, 91.0%);
+  --rx-green-05: hsl(141, 43.7%, 86.0%);
+  --rx-green-06: hsl(143, 40.3%, 79.0%);
+  --rx-green-07: hsl(146, 38.5%, 69.0%);
+  --rx-green-08: hsl(151, 40.2%, 54.1%);
+  --rx-green-09: hsl(151, 55.0%, 41.5%);
+  --rx-green-10: hsl(152, 57.5%, 37.6%);
+  --rx-green-11: hsl(153, 67.0%, 28.5%);
+  --rx-green-12: hsl(155, 40.0%, 14.0%);
+  --rx-indigo-01: hsl(225, 60.0%, 99.4%);
+  --rx-indigo-02: hsl(223, 100%, 98.6%);
+  --rx-indigo-03: hsl(223, 98.4%, 97.1%);
+  --rx-indigo-04: hsl(223, 92.9%, 95.0%);
+  --rx-indigo-05: hsl(224, 87.1%, 92.0%);
+  --rx-indigo-06: hsl(224, 81.9%, 87.8%);
+  --rx-indigo-07: hsl(225, 77.4%, 82.1%);
+  --rx-indigo-08: hsl(226, 75.4%, 74.5%);
+  --rx-indigo-09: hsl(226, 70.0%, 55.5%);
+  --rx-indigo-10: hsl(226, 58.6%, 51.3%);
+  --rx-indigo-11: hsl(226, 55.0%, 45.0%);
+  --rx-indigo-12: hsl(226, 62.0%, 17.0%);
+  --rx-lime-01: hsl(85, 50.0%, 98.7%);
+  --rx-lime-02: hsl(85, 66.7%, 96.5%);
+  --rx-lime-03: hsl(85, 76.0%, 92.3%);
+  --rx-lime-04: hsl(84, 75.3%, 87.5%);
+  --rx-lime-05: hsl(84, 71.5%, 81.9%);
+  --rx-lime-06: hsl(82, 65.0%, 74.6%);
+  --rx-lime-07: hsl(79, 53.2%, 61.8%);
+  --rx-lime-08: hsl(76, 61.7%, 45.1%);
+  --rx-lime-09: hsl(81, 67.0%, 50.0%);
+  --rx-lime-10: hsl(80, 68.3%, 46.9%);
+  --rx-lime-11: hsl(75, 80.0%, 26.0%);
+  --rx-lime-12: hsl(78, 70.0%, 11.5%);
+  --rx-mauve-01: hsl(300, 20.0%, 99.0%);
+  --rx-mauve-02: hsl(300, 7.7%, 97.5%);
+  --rx-mauve-03: hsl(294, 5.5%, 95.3%);
+  --rx-mauve-04: hsl(289, 4.7%, 93.3%);
+  --rx-mauve-05: hsl(283, 4.4%, 91.3%);
+  --rx-mauve-06: hsl(278, 4.1%, 89.1%);
+  --rx-mauve-07: hsl(271, 3.9%, 86.3%);
+  --rx-mauve-08: hsl(255, 3.7%, 78.8%);
+  --rx-mauve-09: hsl(252, 4.0%, 57.3%);
+  --rx-mauve-10: hsl(253, 3.5%, 53.5%);
+  --rx-mauve-11: hsl(252, 4.0%, 44.8%);
+  --rx-mauve-12: hsl(260, 25.0%, 11.0%);
+  --rx-mint-01: hsl(165, 80.0%, 98.8%);
+  --rx-mint-02: hsl(164, 88.2%, 96.7%);
+  --rx-mint-03: hsl(164, 76.6%, 93.3%);
+  --rx-mint-04: hsl(165, 68.8%, 89.5%);
+  --rx-mint-05: hsl(165, 60.6%, 84.5%);
+  --rx-mint-06: hsl(165, 53.5%, 76.9%);
+  --rx-mint-07: hsl(166, 50.7%, 66.1%);
+  --rx-mint-08: hsl(168, 52.8%, 51.0%);
+  --rx-mint-09: hsl(167, 65.0%, 66.0%);
+  --rx-mint-10: hsl(167, 59.3%, 63.1%);
+  --rx-mint-11: hsl(172, 72.0%, 28.5%);
+  --rx-mint-12: hsl(172, 70.0%, 12.0%);
+  --rx-olive-01: hsl(110, 20.0%, 99.0%);
+  --rx-olive-02: hsl(120, 16.7%, 97.6%);
+  --rx-olive-03: hsl(119, 10.1%, 95.2%);
+  --rx-olive-04: hsl(118, 8.1%, 93.0%);
+  --rx-olive-05: hsl(117, 7.1%, 90.8%);
+  --rx-olive-06: hsl(115, 6.4%, 88.5%);
+  --rx-olive-07: hsl(114, 5.9%, 85.4%);
+  --rx-olive-08: hsl(110, 5.2%, 77.3%);
+  --rx-olive-09: hsl(110, 3.5%, 55.5%);
+  --rx-olive-10: hsl(111, 2.8%, 51.7%);
+  --rx-olive-11: hsl(110, 3.0%, 43.0%);
+  --rx-olive-12: hsl(110, 25.0%, 9.5%);
+  --rx-orange-01: hsl(24, 70.0%, 99.0%);
+  --rx-orange-02: hsl(24, 83.3%, 97.6%);
+  --rx-orange-03: hsl(24, 100%, 95.3%);
+  --rx-orange-04: hsl(25, 100%, 92.2%);
+  --rx-orange-05: hsl(25, 100%, 88.2%);
+  --rx-orange-06: hsl(25, 100%, 82.8%);
+  --rx-orange-07: hsl(24, 100%, 75.3%);
+  --rx-orange-08: hsl(24, 94.5%, 64.3%);
+  --rx-orange-09: hsl(24, 94.0%, 50.0%);
+  --rx-orange-10: hsl(24, 100%, 46.5%);
+  --rx-orange-11: hsl(24, 100%, 37.0%);
+  --rx-orange-12: hsl(15, 60.0%, 17.0%);
+  --rx-pink-01: hsl(322, 100%, 99.4%);
+  --rx-pink-02: hsl(323, 100%, 98.4%);
+  --rx-pink-03: hsl(323, 86.3%, 96.5%);
+  --rx-pink-04: hsl(323, 78.7%, 94.2%);
+  --rx-pink-05: hsl(323, 72.2%, 91.1%);
+  --rx-pink-06: hsl(323, 66.3%, 86.6%);
+  --rx-pink-07: hsl(323, 62.0%, 80.1%);
+  --rx-pink-08: hsl(323, 60.3%, 72.4%);
+  --rx-pink-09: hsl(322, 65.0%, 54.5%);
+  --rx-pink-10: hsl(322, 63.9%, 50.7%);
+  --rx-pink-11: hsl(322, 75.0%, 46.0%);
+  --rx-pink-12: hsl(320, 70.0%, 13.5%);
+  --rx-plum-01: hsl(292, 90.0%, 99.4%);
+  --rx-plum-02: hsl(300, 100%, 98.6%);
+  --rx-plum-03: hsl(299, 71.2%, 96.4%);
+  --rx-plum-04: hsl(299, 62.0%, 93.8%);
+  --rx-plum-05: hsl(298, 56.1%, 90.5%);
+  --rx-plum-06: hsl(296, 51.3%, 85.8%);
+  --rx-plum-07: hsl(295, 48.2%, 78.9%);
+  --rx-plum-08: hsl(292, 47.7%, 70.8%);
+  --rx-plum-09: hsl(292, 45.0%, 51.0%);
+  --rx-plum-10: hsl(292, 50.2%, 46.9%);
+  --rx-plum-11: hsl(292, 60.0%, 42.5%);
+  --rx-plum-12: hsl(291, 66.0%, 14.0%);
+  --rx-purple-01: hsl(280, 65.0%, 99.4%);
+  --rx-purple-02: hsl(276, 100%, 99.0%);
+  --rx-purple-03: hsl(276, 83.1%, 97.0%);
+  --rx-purple-04: hsl(275, 76.4%, 94.7%);
+  --rx-purple-05: hsl(275, 70.8%, 91.8%);
+  --rx-purple-06: hsl(274, 65.4%, 87.8%);
+  --rx-purple-07: hsl(273, 61.0%, 81.7%);
+  --rx-purple-08: hsl(272, 60.0%, 73.5%);
+  --rx-purple-09: hsl(272, 51.0%, 54.0%);
+  --rx-purple-10: hsl(272, 46.8%, 50.3%);
+  --rx-purple-11: hsl(272, 50.0%, 45.8%);
+  --rx-purple-12: hsl(272, 66.0%, 16.0%);
+  --rx-red-01: hsl(359, 100%, 99.4%);
+  --rx-red-02: hsl(359, 100%, 98.6%);
+  --rx-red-03: hsl(360, 100%, 96.8%);
+  --rx-red-04: hsl(360, 97.9%, 94.8%);
+  --rx-red-05: hsl(360, 90.2%, 91.9%);
+  --rx-red-06: hsl(360, 81.7%, 87.8%);
+  --rx-red-07: hsl(359, 74.2%, 81.7%);
+  --rx-red-08: hsl(359, 69.5%, 74.3%);
+  --rx-red-09: hsl(358, 75.0%, 59.0%);
+  --rx-red-10: hsl(358, 69.4%, 55.2%);
+  --rx-red-11: hsl(358, 65.0%, 48.7%);
+  --rx-red-12: hsl(354, 50.0%, 14.6%);
+  --rx-sage-01: hsl(155, 30.0%, 98.8%);
+  --rx-sage-02: hsl(150, 16.7%, 97.6%);
+  --rx-sage-03: hsl(151, 10.6%, 95.2%);
+  --rx-sage-04: hsl(151, 8.8%, 93.0%);
+  --rx-sage-05: hsl(151, 7.8%, 90.8%);
+  --rx-sage-06: hsl(152, 7.2%, 88.4%);
+  --rx-sage-07: hsl(153, 6.7%, 85.3%);
+  --rx-sage-08: hsl(154, 6.1%, 77.5%);
+  --rx-sage-09: hsl(155, 3.5%, 55.5%);
+  --rx-sage-10: hsl(154, 2.8%, 51.7%);
+  --rx-sage-11: hsl(155, 3.0%, 43.0%);
+  --rx-sage-12: hsl(155, 24.0%, 9.0%);
+  --rx-sand-01: hsl(50, 20.0%, 99.0%);
+  --rx-sand-02: hsl(60, 7.7%, 97.5%);
+  --rx-sand-03: hsl(59, 6.5%, 95.1%);
+  --rx-sand-04: hsl(58, 6.1%, 92.9%);
+  --rx-sand-05: hsl(57, 6.0%, 90.7%);
+  --rx-sand-06: hsl(56, 5.9%, 88.4%);
+  --rx-sand-07: hsl(55, 5.9%, 85.2%);
+  --rx-sand-08: hsl(51, 6.0%, 77.1%);
+  --rx-sand-09: hsl(50, 2.0%, 55.7%);
+  --rx-sand-10: hsl(55, 1.7%, 51.9%);
+  --rx-sand-11: hsl(50, 2.0%, 43.1%);
+  --rx-sand-12: hsl(50, 6.0%, 10.0%);
+  --rx-sky-01: hsl(193, 100%, 98.8%);
+  --rx-sky-02: hsl(193, 100%, 97.3%);
+  --rx-sky-03: hsl(193, 99.0%, 94.7%);
+  --rx-sky-04: hsl(193, 91.4%, 91.4%);
+  --rx-sky-05: hsl(194, 82.0%, 86.6%);
+  --rx-sky-06: hsl(194, 74.1%, 79.5%);
+  --rx-sky-07: hsl(194, 72.3%, 69.6%);
+  --rx-sky-08: hsl(193, 77.9%, 53.9%);
+  --rx-sky-09: hsl(193, 98.0%, 70.0%);
+  --rx-sky-10: hsl(193, 87.0%, 66.5%);
+  --rx-sky-11: hsl(195, 100%, 31.5%);
+  --rx-sky-12: hsl(195, 100%, 13.0%);
+  --rx-slate-01: hsl(206, 30.0%, 98.8%);
+  --rx-slate-02: hsl(210, 16.7%, 97.6%);
+  --rx-slate-03: hsl(209, 13.3%, 95.3%);
+  --rx-slate-04: hsl(209, 12.2%, 93.2%);
+  --rx-slate-05: hsl(208, 11.7%, 91.1%);
+  --rx-slate-06: hsl(208, 11.3%, 88.9%);
+  --rx-slate-07: hsl(207, 11.1%, 85.9%);
+  --rx-slate-08: hsl(205, 10.7%, 78.0%);
+  --rx-slate-09: hsl(206, 6.0%, 56.1%);
+  --rx-slate-10: hsl(206, 5.8%, 52.3%);
+  --rx-slate-11: hsl(206, 6.0%, 43.5%);
+  --rx-slate-12: hsl(206, 24.0%, 9.0%);
+  --rx-teal-01: hsl(165, 60.0%, 98.8%);
+  --rx-teal-02: hsl(169, 64.7%, 96.7%);
+  --rx-teal-03: hsl(169, 59.8%, 94.0%);
+  --rx-teal-04: hsl(169, 53.1%, 90.2%);
+  --rx-teal-05: hsl(170, 47.1%, 85.0%);
+  --rx-teal-06: hsl(170, 42.6%, 77.9%);
+  --rx-teal-07: hsl(170, 39.9%, 68.1%);
+  --rx-teal-08: hsl(172, 42.1%, 52.5%);
+  --rx-teal-09: hsl(173, 80.0%, 36.0%);
+  --rx-teal-10: hsl(173, 83.4%, 32.5%);
+  --rx-teal-11: hsl(174, 90.0%, 25.2%);
+  --rx-teal-12: hsl(170, 50.0%, 12.5%);
+  --rx-tomato-01: hsl(10, 100%, 99.4%);
+  --rx-tomato-02: hsl(8, 100%, 98.4%);
+  --rx-tomato-03: hsl(8, 100%, 96.6%);
+  --rx-tomato-04: hsl(8, 100%, 94.3%);
+  --rx-tomato-05: hsl(8, 92.8%, 91.0%);
+  --rx-tomato-06: hsl(9, 84.7%, 86.3%);
+  --rx-tomato-07: hsl(10, 77.3%, 79.5%);
+  --rx-tomato-08: hsl(10, 71.6%, 71.0%);
+  --rx-tomato-09: hsl(10, 78.0%, 54.0%);
+  --rx-tomato-10: hsl(10, 71.5%, 50.0%);
+  --rx-tomato-11: hsl(10, 82.0%, 43.5%);
+  --rx-tomato-12: hsl(10, 50.0%, 13.5%);
+  --rx-violet-01: hsl(255, 65.0%, 99.4%);
+  --rx-violet-02: hsl(252, 100%, 99.0%);
+  --rx-violet-03: hsl(252, 96.9%, 97.4%);
+  --rx-violet-04: hsl(252, 91.5%, 95.5%);
+  --rx-violet-05: hsl(252, 85.1%, 93.0%);
+  --rx-violet-06: hsl(252, 77.8%, 89.4%);
+  --rx-violet-07: hsl(252, 71.0%, 83.7%);
+  --rx-violet-08: hsl(252, 68.6%, 76.3%);
+  --rx-violet-09: hsl(252, 56.0%, 57.5%);
+  --rx-violet-10: hsl(251, 48.1%, 53.5%);
+  --rx-violet-11: hsl(250, 43.0%, 48.0%);
+  --rx-violet-12: hsl(254, 60.0%, 18.5%);
+  --rx-yellow-01: hsl(60, 54.0%, 98.5%);
+  --rx-yellow-02: hsl(52, 100%, 95.5%);
+  --rx-yellow-03: hsl(55, 100%, 90.9%);
+  --rx-yellow-04: hsl(54, 100%, 86.6%);
+  --rx-yellow-05: hsl(52, 97.9%, 82.0%);
+  --rx-yellow-06: hsl(50, 89.4%, 76.1%);
+  --rx-yellow-07: hsl(47, 80.4%, 68.0%);
+  --rx-yellow-08: hsl(48, 100%, 46.1%);
+  --rx-yellow-09: hsl(53, 92.0%, 50.0%);
+  --rx-yellow-10: hsl(50, 100%, 48.5%);
+  --rx-yellow-11: hsl(42, 100%, 29.0%);
+  --rx-yellow-12: hsl(40, 55.0%, 13.5%);
+} 
+
+:root {
+  --rx-amber-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-amber-01-alpha: hsla(40, 94.9%, 38.7%, 0.016);
+  --rx-amber-02-alpha: hsla(31, 100%, 49.7%, 0.036);
+  --rx-amber-02-alpha: hsla(40, 100%, 50.3%, 0.071);
+  --rx-amber-03-alpha: hsla(27, 100%, 49.9%, 0.094);
+  --rx-amber-03-alpha: hsla(44, 100%, 50.1%, 0.165);
+  --rx-amber-04-alpha: hsla(29, 100%, 50.0%, 0.143);
+  --rx-amber-04-alpha: hsla(43, 100%, 50.0%, 0.263);
+  --rx-amber-05-alpha: hsla(31, 100%, 50.0%, 0.192);
+  --rx-amber-05-alpha: hsla(42, 100%, 50.0%, 0.365);
+  --rx-amber-06-alpha: hsla(35, 100%, 50.0%, 0.250);
+  --rx-amber-06-alpha: hsla(38, 100%, 50.1%, 0.475);
+  --rx-amber-07-alpha: hsla(34, 99.6%, 52.9%, 0.331);
+  --rx-amber-07-alpha: hsla(36, 99.9%, 46.2%, 0.612);
+  --rx-amber-08-alpha: hsla(35, 99.8%, 46.0%, 0.832);
+  --rx-amber-08-alpha: hsla(36, 100%, 50.0%, 0.442);
+  --rx-amber-09-alpha: hsla(39, 100%, 50.0%, 0.859);
+  --rx-amber-09-alpha: hsla(40, 100%, 57.2%, 0.980);
+  --rx-amber-10-alpha: hsla(35, 100%, 50.0%, 0.891);
+  --rx-amber-10-alpha: hsla(44, 100%, 64.2%, 0.980);
+  --rx-amber-11-alpha: hsla(29, 100%, 33.6%, 0.980);
+  --rx-amber-11-alpha: hsla(39, 99.9%, 52.7%, 0.938);
+  --rx-amber-12-alpha: hsla(20, 99.8%, 14.1%, 0.965);
+  --rx-amber-12-alpha: hsla(45, 100%, 94.2%, 0.980);
+  --rx-black-01-alpha: hsla(0, 0%, 0%, 0.012);
+  --rx-black-02-alpha: hsla(0, 0%, 0%, 0.027);
+  --rx-black-03-alpha: hsla(0, 0%, 0%, 0.047);
+  --rx-black-04-alpha: hsla(0, 0%, 0%, 0.071);
+  --rx-black-05-alpha: hsla(0, 0%, 0%, 0.090);
+  --rx-black-06-alpha: hsla(0, 0%, 0%, 0.114);
+  --rx-black-07-alpha: hsla(0, 0%, 0%, 0.141);
+  --rx-black-08-alpha: hsla(0, 0%, 0%, 0.220);
+  --rx-black-09-alpha: hsla(0, 0%, 0%, 0.439);
+  --rx-black-10-alpha: hsla(0, 0%, 0%, 0.478);
+  --rx-black-11-alpha: hsla(0, 0%, 0%, 0.565);
+  --rx-black-12-alpha: hsla(0, 0%, 0%, 0.910);
+  --rx-blue-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-blue-01-alpha: hsla(210, 100%, 51.0%, 0.016);
+  --rx-blue-02-alpha: hsla(210, 100%, 51.0%, 0.040);
+  --rx-blue-02-alpha: hsla(221, 97.8%, 52.4%, 0.059);
+  --rx-blue-03-alpha: hsla(210, 100%, 50.3%, 0.071);
+  --rx-blue-03-alpha: hsla(215, 99.3%, 54.2%, 0.135);
+  --rx-blue-04-alpha: hsla(210, 100%, 50.1%, 0.118);
+  --rx-blue-04-alpha: hsla(215, 99.3%, 53.8%, 0.198);
+  --rx-blue-05-alpha: hsla(208, 99.1%, 47.1%, 0.189);
+  --rx-blue-05-alpha: hsla(213, 99.4%, 52.8%, 0.252);
+  --rx-blue-06-alpha: hsla(209, 99.5%, 45.3%, 0.283);
+  --rx-blue-06-alpha: hsla(212, 99.9%, 51.7%, 0.323);
+  --rx-blue-07-alpha: hsla(208, 99.9%, 43.8%, 0.412);
+  --rx-blue-07-alpha: hsla(211, 100%, 50.7%, 0.435);
+  --rx-blue-08-alpha: hsla(206, 99.8%, 45.1%, 0.632);
+  --rx-blue-08-alpha: hsla(211, 99.8%, 50.9%, 0.597);
+  --rx-blue-09-alpha: hsla(205, 100%, 50.0%, 0.980);
+  --rx-blue-09-alpha: hsla(206, 100%, 50.0%, 0.980);
+  --rx-blue-10-alpha: hsla(208, 100%, 47.2%, 0.980);
+  --rx-blue-10-alpha: hsla(208, 100%, 60.7%, 0.980);
+  --rx-blue-11-alpha: hsla(209, 100%, 66.3%, 0.980);
+  --rx-blue-11-alpha: hsla(212, 100%, 43.0%, 0.980);
+  --rx-blue-12-alpha: hsla(196, 100%, 96.8%, 0.980);
+  --rx-blue-12-alpha: hsla(213, 100%, 14.4%, 0.980);
+  --rx-bronze-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-bronze-01-alpha: hsla(0, 89.3%, 18.3%, 0.012);
+  --rx-bronze-02-alpha: hsla(17, 95.1%, 40.1%, 0.036);
+  --rx-bronze-02-alpha: hsla(20, 88.2%, 74.2%, 0.027);
+  --rx-bronze-03-alpha: hsla(10, 99.4%, 83.0%, 0.074);
+  --rx-bronze-03-alpha: hsla(18, 98.3%, 29.8%, 0.067);
+  --rx-bronze-04-alpha: hsla(17, 99.6%, 26.0%, 0.106);
+  --rx-bronze-04-alpha: hsla(18, 96.0%, 81.1%, 0.114);
+  --rx-bronze-05-alpha: hsla(18, 99.4%, 81.7%, 0.148);
+  --rx-bronze-05-alpha: hsla(19, 99.6%, 23.8%, 0.157);
+  --rx-bronze-06-alpha: hsla(15, 98.1%, 82.4%, 0.192);
+  --rx-bronze-06-alpha: hsla(17, 99.2%, 22.5%, 0.220);
+  --rx-bronze-07-alpha: hsla(16, 99.2%, 82.9%, 0.270);
+  --rx-bronze-07-alpha: hsla(18, 99.7%, 21.6%, 0.310);
+  --rx-bronze-08-alpha: hsla(17, 99.5%, 20.2%, 0.420);
+  --rx-bronze-08-alpha: hsla(18, 99.5%, 82.6%, 0.396);
+  --rx-bronze-09-alpha: hsla(18, 99.3%, 85.0%, 0.592);
+  --rx-bronze-09-alpha: hsla(18, 99.9%, 16.7%, 0.553);
+  --rx-bronze-10-alpha: hsla(17, 99.2%, 15.4%, 0.589);
+  --rx-bronze-10-alpha: hsla(18, 99.6%, 85.2%, 0.657);
+  --rx-bronze-11-alpha: hsla(15, 99.9%, 13.2%, 0.655);
+  --rx-bronze-11-alpha: hsla(17, 99.9%, 86.1%, 0.774);
+  --rx-bronze-12-alpha: hsla(12, 98.7%, 5.7%, 0.832);
+  --rx-bronze-12-alpha: hsla(20, 99.8%, 96.4%, 0.974);
+  --rx-brown-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-brown-01-alpha: hsla(30, 94.3%, 34.6%, 0.012);
+  --rx-brown-02-alpha: hsla(22, 99.6%, 53.6%, 0.035);
+  --rx-brown-02-alpha: hsla(30, 94.3%, 34.6%, 0.036);
+  --rx-brown-03-alpha: hsla(18, 97.8%, 69.0%, 0.088);
+  --rx-brown-03-alpha: hsla(30, 97.7%, 33.9%, 0.083);
+  --rx-brown-04-alpha: hsla(21, 98.2%, 71.0%, 0.123);
+  --rx-brown-04-alpha: hsla(31, 98.5%, 34.2%, 0.134);
+  --rx-brown-05-alpha: hsla(25, 98.4%, 72.1%, 0.158);
+  --rx-brown-05-alpha: hsla(29, 100%, 34.3%, 0.200);
+  --rx-brown-06-alpha: hsla(25, 98.7%, 73.5%, 0.206);
+  --rx-brown-06-alpha: hsla(28, 99.2%, 34.6%, 0.291);
+  --rx-brown-07-alpha: hsla(25, 99.0%, 74.6%, 0.289);
+  --rx-brown-07-alpha: hsla(29, 99.8%, 33.8%, 0.412);
+  --rx-brown-08-alpha: hsla(28, 100%, 33.3%, 0.553);
+  --rx-brown-08-alpha: hsla(28, 99.2%, 75.3%, 0.407);
+  --rx-brown-09-alpha: hsla(28, 100%, 74.8%, 0.642);
+  --rx-brown-09-alpha: hsla(28, 99.9%, 25.5%, 0.655);
+  --rx-brown-10-alpha: hsla(27, 99.7%, 22.4%, 0.675);
+  --rx-brown-10-alpha: hsla(28, 99.9%, 74.9%, 0.712);
+  --rx-brown-11-alpha: hsla(25, 99.8%, 17.3%, 0.714);
+  --rx-brown-11-alpha: hsla(28, 99.9%, 74.9%, 0.843);
+  --rx-brown-12-alpha: hsla(21, 99.4%, 6.6%, 0.867);
+  --rx-brown-12-alpha: hsla(32, 98.2%, 95.7%, 0.979);
+  --rx-crimson-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-crimson-01-alpha: hsla(340, 100%, 51.0%, 0.012);
+  --rx-crimson-02-alpha: hsla(330, 100%, 51.0%, 0.032);
+  --rx-crimson-02-alpha: hsla(336, 96.8%, 53.2%, 0.045);
+  --rx-crimson-03-alpha: hsla(332, 99.1%, 47.1%, 0.063);
+  --rx-crimson-03-alpha: hsla(335, 98.7%, 59.3%, 0.138);
+  --rx-crimson-04-alpha: hsla(331, 99.9%, 44.3%, 0.102);
+  --rx-crimson-04-alpha: hsla(336, 99.1%, 59.9%, 0.191);
+  --rx-crimson-05-alpha: hsla(333, 99.9%, 42.3%, 0.153);
+  --rx-crimson-05-alpha: hsla(335, 99.4%, 59.4%, 0.244);
+  --rx-crimson-06-alpha: hsla(333, 99.5%, 40.5%, 0.224);
+  --rx-crimson-06-alpha: hsla(335, 99.4%, 59.4%, 0.315);
+  --rx-crimson-07-alpha: hsla(335, 99.7%, 39.1%, 0.322);
+  --rx-crimson-07-alpha: hsla(336, 99.5%, 57.8%, 0.439);
+  --rx-crimson-08-alpha: hsla(336, 99.5%, 38.5%, 0.440);
+  --rx-crimson-08-alpha: hsla(336, 99.9%, 55.4%, 0.642);
+  --rx-crimson-09-alpha: hsla(336, 99.9%, 44.3%, 0.761);
+  --rx-crimson-09-alpha: hsla(336, 99.9%, 62.8%, 0.903);
+  --rx-crimson-10-alpha: hsla(336, 100%, 42.5%, 0.808);
+  --rx-crimson-10-alpha: hsla(339, 99.9%, 66.3%, 0.934);
+  --rx-crimson-11-alpha: hsla(336, 99.8%, 40.3%, 0.883);
+  --rx-crimson-11-alpha: hsla(341, 99.9%, 69.5%, 0.965);
+  --rx-crimson-12-alpha: hsla(327, 100%, 97.1%, 0.980);
+  --rx-crimson-12-alpha: hsla(340, 99.0%, 10.0%, 0.950);
+  --rx-cyan-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-cyan-01-alpha: hsla(195, 95.2%, 41.2%, 0.020);
+  --rx-cyan-02-alpha: hsla(185, 99.9%, 42.3%, 0.051);
+  --rx-cyan-02-alpha: hsla(196, 100%, 50.0%, 0.031);
+  --rx-cyan-03-alpha: hsla(186, 97.8%, 42.2%, 0.095);
+  --rx-cyan-03-alpha: hsla(192, 98.0%, 50.9%, 0.085);
+  --rx-cyan-04-alpha: hsla(186, 99.9%, 38.5%, 0.153);
+  --rx-cyan-04-alpha: hsla(194, 99.6%, 51.3%, 0.133);
+  --rx-cyan-05-alpha: hsla(187, 99.3%, 36.6%, 0.232);
+  --rx-cyan-05-alpha: hsla(192, 99.5%, 51.3%, 0.173);
+  --rx-cyan-06-alpha: hsla(188, 99.4%, 35.4%, 0.334);
+  --rx-cyan-06-alpha: hsla(193, 99.7%, 50.4%, 0.226);
+  --rx-cyan-07-alpha: hsla(189, 99.6%, 35.0%, 0.483);
+  --rx-cyan-07-alpha: hsla(192, 100%, 50.0%, 0.310);
+  --rx-cyan-08-alpha: hsla(189, 99.9%, 37.6%, 0.761);
+  --rx-cyan-08-alpha: hsla(193, 100%, 50.0%, 0.425);
+  --rx-cyan-09-alpha: hsla(190, 100%, 37.8%, 0.980);
+  --rx-cyan-09-alpha: hsla(190, 99.8%, 50.8%, 0.731);
+  --rx-cyan-10-alpha: hsla(188, 100%, 50.0%, 0.775);
+  --rx-cyan-10-alpha: hsla(191, 99.9%, 34.6%, 0.969);
+  --rx-cyan-11-alpha: hsla(186, 100%, 49.9%, 0.824);
+  --rx-cyan-11-alpha: hsla(192, 100%, 27.6%, 0.953);
+  --rx-cyan-12-alpha: hsla(185, 99.8%, 95.1%, 0.978);
+  --rx-cyan-12-alpha: hsla(192, 100%, 11.0%, 0.980);
+  --rx-gold-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-gold-01-alpha: hsla(60, 89.3%, 18.3%, 0.012);
+  --rx-gold-02-alpha: hsla(40, 93.7%, 70.6%, 0.022);
+  --rx-gold-02-alpha: hsla(47, 99.9%, 34.6%, 0.051);
+  --rx-gold-03-alpha: hsla(40, 97.5%, 80.6%, 0.065);
+  --rx-gold-03-alpha: hsla(45, 97.0%, 27.9%, 0.087);
+  --rx-gold-04-alpha: hsla(40, 95.9%, 80.8%, 0.100);
+  --rx-gold-04-alpha: hsla(46, 98.0%, 25.4%, 0.134);
+  --rx-gold-05-alpha: hsla(38, 97.3%, 82.1%, 0.130);
+  --rx-gold-05-alpha: hsla(43, 98.4%, 22.6%, 0.185);
+  --rx-gold-06-alpha: hsla(39, 97.2%, 82.5%, 0.169);
+  --rx-gold-06-alpha: hsla(41, 99.7%, 22.0%, 0.259);
+  --rx-gold-07-alpha: hsla(37, 99.3%, 82.4%, 0.246);
+  --rx-gold-07-alpha: hsla(38, 99.8%, 21.5%, 0.357);
+  --rx-gold-08-alpha: hsla(35, 98.7%, 82.2%, 0.363);
+  --rx-gold-08-alpha: hsla(36, 99.3%, 21.5%, 0.487);
+  --rx-gold-09-alpha: hsla(36, 99.7%, 82.8%, 0.552);
+  --rx-gold-09-alpha: hsla(36, 99.9%, 16.2%, 0.604);
+  --rx-gold-10-alpha: hsla(35, 99.2%, 83.7%, 0.613);
+  --rx-gold-10-alpha: hsla(36, 99.2%, 14.6%, 0.636);
+  --rx-gold-11-alpha: hsla(35, 99.1%, 11.2%, 0.687);
+  --rx-gold-11-alpha: hsla(35, 99.3%, 85.3%, 0.725);
+  --rx-gold-12-alpha: hsla(38, 98.0%, 3.8%, 0.832);
+  --rx-gold-12-alpha: hsla(49, 98.6%, 96.7%, 0.966);
+  --rx-grass-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-grass-01-alpha: hsla(120, 94.9%, 38.7%, 0.016);
+  --rx-grass-02-alpha: hsla(107, 97.2%, 61.9%, 0.022);
+  --rx-grass-02-alpha: hsla(120, 94.9%, 38.7%, 0.048);
+  --rx-grass-03-alpha: hsla(120, 98.0%, 35.5%, 0.079);
+  --rx-grass-03-alpha: hsla(128, 96.5%, 69.8%, 0.066);
+  --rx-grass-04-alpha: hsla(120, 98.7%, 31.5%, 0.126);
+  --rx-grass-04-alpha: hsla(130, 100%, 70.2%, 0.100);
+  --rx-grass-05-alpha: hsla(122, 98.5%, 29.9%, 0.193);
+  --rx-grass-05-alpha: hsla(130, 98.2%, 69.1%, 0.140);
+  --rx-grass-06-alpha: hsla(125, 99.2%, 27.9%, 0.283);
+  --rx-grass-06-alpha: hsla(132, 99.9%, 69.3%, 0.187);
+  --rx-grass-07-alpha: hsla(125, 99.9%, 27.0%, 0.408);
+  --rx-grass-07-alpha: hsla(132, 99.9%, 69.8%, 0.261);
+  --rx-grass-08-alpha: hsla(130, 99.6%, 70.5%, 0.370);
+  --rx-grass-08-alpha: hsla(131, 100%, 27.6%, 0.604);
+  --rx-grass-09-alpha: hsla(130, 99.7%, 70.6%, 0.618);
+  --rx-grass-09-alpha: hsla(131, 99.7%, 26.3%, 0.726);
+  --rx-grass-10-alpha: hsla(131, 100%, 73.5%, 0.674);
+  --rx-grass-10-alpha: hsla(132, 99.9%, 24.0%, 0.761);
+  --rx-grass-11-alpha: hsla(130, 99.7%, 75.6%, 0.731);
+  --rx-grass-11-alpha: hsla(133, 99.5%, 19.5%, 0.840);
+  --rx-grass-12-alpha: hsla(128, 98.0%, 4.9%, 0.895);
+  --rx-grass-12-alpha: hsla(137, 100%, 95.8%, 0.980);
+  --rx-gray-01-alpha: hsla(0, 0%, 0%, 0.012);
+  --rx-gray-01-alpha: hsla(0, 0%, 100%, 0);
+  --rx-gray-02-alpha: hsla(0, 0%, 0%, 0.027);
+  --rx-gray-02-alpha: hsla(0, 0%, 100%, 0.026);
+  --rx-gray-03-alpha: hsla(0, 0%, 0%, 0.047);
+  --rx-gray-03-alpha: hsla(0, 0%, 100%, 0.056);
+  --rx-gray-04-alpha: hsla(0, 0%, 0%, 0.071);
+  --rx-gray-04-alpha: hsla(0, 0%, 100%, 0.077);
+  --rx-gray-05-alpha: hsla(0, 0%, 0%, 0.090);
+  --rx-gray-05-alpha: hsla(0, 0%, 100%, 0.103);
+  --rx-gray-06-alpha: hsla(0, 0%, 0%, 0.114);
+  --rx-gray-06-alpha: hsla(0, 0%, 100%, 0.129);
+  --rx-gray-07-alpha: hsla(0, 0%, 0%, 0.141);
+  --rx-gray-07-alpha: hsla(0, 0%, 100%, 0.172);
+  --rx-gray-08-alpha: hsla(0, 0%, 0%, 0.220);
+  --rx-gray-08-alpha: hsla(0, 0%, 100%, 0.249);
+  --rx-gray-09-alpha: hsla(0, 0%, 0%, 0.439);
+  --rx-gray-09-alpha: hsla(0, 0%, 100%, 0.386);
+  --rx-gray-10-alpha: hsla(0, 0%, 0%, 0.478);
+  --rx-gray-10-alpha: hsla(0, 0%, 100%, 0.446);
+  --rx-gray-11-alpha: hsla(0, 0%, 0%, 0.565);
+  --rx-gray-11-alpha: hsla(0, 0%, 100%, 0.592);
+  --rx-gray-12-alpha: hsla(0, 0%, 0%, 0.910);
+  --rx-gray-12-alpha: hsla(0, 0%, 100%, 0.923);
+  --rx-green-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-green-01-alpha: hsla(140, 94.9%, 38.7%, 0.016);
+  --rx-green-02-alpha: hsla(138, 99.9%, 38.5%, 0.051);
+  --rx-green-02-alpha: hsla(169, 100%, 48.5%, 0.027);
+  --rx-green-03-alpha: hsla(139, 97.7%, 36.9%, 0.087);
+  --rx-green-03-alpha: hsla(162, 98.7%, 57.9%, 0.070);
+  --rx-green-04-alpha: hsla(139, 98.5%, 32.7%, 0.134);
+  --rx-green-04-alpha: hsla(158, 98.6%, 59.7%, 0.105);
+  --rx-green-05-alpha: hsla(141, 100%, 30.4%, 0.200);
+  --rx-green-05-alpha: hsla(158, 98.6%, 60.7%, 0.140);
+  --rx-green-06-alpha: hsla(142, 99.0%, 28.9%, 0.295);
+  --rx-green-06-alpha: hsla(156, 99.9%, 62.0%, 0.187);
+  --rx-green-07-alpha: hsla(146, 99.5%, 27.6%, 0.428);
+  --rx-green-07-alpha: hsla(154, 99.5%, 63.1%, 0.257);
+  --rx-green-08-alpha: hsla(151, 99.5%, 28.8%, 0.644);
+  --rx-green-08-alpha: hsla(152, 99.7%, 64.2%, 0.370);
+  --rx-green-09-alpha: hsla(151, 99.7%, 63.8%, 0.605);
+  --rx-green-09-alpha: hsla(151, 99.9%, 28.0%, 0.812);
+  --rx-green-10-alpha: hsla(152, 99.6%, 25.8%, 0.840);
+  --rx-green-10-alpha: hsla(152, 99.9%, 66.5%, 0.661);
+  --rx-green-11-alpha: hsla(151, 99.7%, 69.2%, 0.740);
+  --rx-green-11-alpha: hsla(153, 99.9%, 21.0%, 0.906);
+  --rx-green-12-alpha: hsla(137, 100%, 95.8%, 0.980);
+  --rx-green-12-alpha: hsla(155, 99.4%, 6.2%, 0.918);
+  --rx-indigo-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-indigo-01-alpha: hsla(240, 92.6%, 26.5%, 0.008);
+  --rx-indigo-02-alpha: hsla(223, 100%, 51.0%, 0.028);
+  --rx-indigo-02-alpha: hsla(234, 97.4%, 59.9%, 0.059);
+  --rx-indigo-03-alpha: hsla(224, 100%, 50.1%, 0.059);
+  --rx-indigo-03-alpha: hsla(228, 99.2%, 61.7%, 0.144);
+  --rx-indigo-04-alpha: hsla(223, 98.0%, 48.5%, 0.099);
+  --rx-indigo-04-alpha: hsla(227, 99.7%, 62.0%, 0.211);
+  --rx-indigo-05-alpha: hsla(225, 98.6%, 46.4%, 0.150);
+  --rx-indigo-05-alpha: hsla(227, 99.2%, 62.3%, 0.270);
+  --rx-indigo-06-alpha: hsla(224, 99.5%, 44.9%, 0.224);
+  --rx-indigo-06-alpha: hsla(226, 99.9%, 62.1%, 0.350);
+  --rx-indigo-07-alpha: hsla(225, 99.7%, 43.9%, 0.318);
+  --rx-indigo-07-alpha: hsla(226, 99.9%, 62.0%, 0.471);
+  --rx-indigo-08-alpha: hsla(226, 99.5%, 43.1%, 0.448);
+  --rx-indigo-08-alpha: hsla(226, 99.9%, 62.1%, 0.655);
+  --rx-indigo-09-alpha: hsla(226, 100%, 41.2%, 0.757);
+  --rx-indigo-09-alpha: hsla(226, 99.9%, 63.6%, 0.848);
+  --rx-indigo-10-alpha: hsla(226, 99.8%, 37.1%, 0.773);
+  --rx-indigo-10-alpha: hsla(227, 99.8%, 67.7%, 0.893);
+  --rx-indigo-11-alpha: hsla(226, 99.6%, 31.1%, 0.797);
+  --rx-indigo-11-alpha: hsla(227, 100%, 76.3%, 0.980);
+  --rx-indigo-12-alpha: hsla(226, 100%, 97.5%, 0.980);
+  --rx-indigo-12-alpha: hsla(226, 99.3%, 11.4%, 0.938);
+  --rx-lime-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-lime-01-alpha: hsla(80, 93.8%, 31.4%, 0.020);
+  --rx-lime-02-alpha: hsla(75, 96.4%, 59.6%, 0.022);
+  --rx-lime-02-alpha: hsla(85, 99.3%, 40.2%, 0.059);
+  --rx-lime-03-alpha: hsla(84, 98.7%, 43.2%, 0.138);
+  --rx-lime-03-alpha: hsla(88, 98.0%, 70.4%, 0.061);
+  --rx-lime-04-alpha: hsla(81, 97.8%, 67.4%, 0.096);
+  --rx-lime-04-alpha: hsla(84, 99.6%, 43.0%, 0.220);
+  --rx-lime-05-alpha: hsla(82, 98.4%, 65.6%, 0.135);
+  --rx-lime-05-alpha: hsla(85, 99.8%, 41.8%, 0.310);
+  --rx-lime-06-alpha: hsla(79, 99.7%, 64.3%, 0.182);
+  --rx-lime-06-alpha: hsla(82, 99.8%, 39.3%, 0.420);
+  --rx-lime-07-alpha: hsla(77, 99.1%, 62.1%, 0.252);
+  --rx-lime-07-alpha: hsla(79, 99.7%, 34.6%, 0.585);
+  --rx-lime-08-alpha: hsla(75, 100%, 60.0%, 0.342);
+  --rx-lime-08-alpha: hsla(76, 99.8%, 33.7%, 0.828);
+  --rx-lime-09-alpha: hsla(81, 99.8%, 40.2%, 0.836);
+  --rx-lime-09-alpha: hsla(81, 99.8%, 59.7%, 0.819);
+  --rx-lime-10-alpha: hsla(75, 99.8%, 63.7%, 0.936);
+  --rx-lime-10-alpha: hsla(80, 100%, 37.6%, 0.851);
+  --rx-lime-11-alpha: hsla(75, 99.5%, 22.0%, 0.950);
+  --rx-lime-11-alpha: hsla(81, 99.9%, 58.7%, 0.719);
+  --rx-lime-12-alpha: hsla(78, 99.6%, 8.4%, 0.965);
+  --rx-lime-12-alpha: hsla(83, 100%, 94.2%, 0.980);
+  --rx-mauve-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-mauve-01-alpha: hsla(300, 89.3%, 18.3%, 0.012);
+  --rx-mauve-02-alpha: hsla(240, 76.7%, 91.2%, 0.031);
+  --rx-mauve-02-alpha: hsla(300, 78.1%, 9.0%, 0.028);
+  --rx-mauve-03-alpha: hsla(240, 86.0%, 95.8%, 0.061);
+  --rx-mauve-03-alpha: hsla(300, 99.5%, 7.7%, 0.051);
+  --rx-mauve-04-alpha: hsla(240, 91.8%, 94.7%, 0.087);
+  --rx-mauve-04-alpha: hsla(270, 90.5%, 6.1%, 0.071);
+  --rx-mauve-05-alpha: hsla(240, 91.5%, 95.8%, 0.113);
+  --rx-mauve-05-alpha: hsla(270, 83.0%, 5.2%, 0.091);
+  --rx-mauve-06-alpha: hsla(240, 92.0%, 93.8%, 0.148);
+  --rx-mauve-06-alpha: hsla(300, 93.5%, 3.7%, 0.114);
+  --rx-mauve-07-alpha: hsla(240, 94.8%, 95.3%, 0.191);
+  --rx-mauve-07-alpha: hsla(270, 82.6%, 3.3%, 0.142);
+  --rx-mauve-08-alpha: hsla(249, 98.1%, 95.2%, 0.273);
+  --rx-mauve-08-alpha: hsla(255, 95.2%, 3.7%, 0.220);
+  --rx-mauve-09-alpha: hsla(248, 97.6%, 96.2%, 0.416);
+  --rx-mauve-09-alpha: hsla(255, 94.8%, 3.7%, 0.444);
+  --rx-mauve-10-alpha: hsla(248, 95.5%, 96.6%, 0.477);
+  --rx-mauve-10-alpha: hsla(253, 96.5%, 3.8%, 0.483);
+  --rx-mauve-11-alpha: hsla(247, 97.9%, 3.2%, 0.569);
+  --rx-mauve-11-alpha: hsla(250, 98.0%, 98.0%, 0.615);
+  --rx-mauve-12-alpha: hsla(240, 93.9%, 99.6%, 0.931);
+  --rx-mauve-12-alpha: hsla(261, 98.7%, 3.0%, 0.918);
+  --rx-mint-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-mint-01-alpha: hsla(168, 95.4%, 42.8%, 0.024);
+  --rx-mint-02-alpha: hsla(164, 99.1%, 47.1%, 0.063);
+  --rx-mint-02-alpha: hsla(180, 100%, 49.2%, 0.031);
+  --rx-mint-03-alpha: hsla(164, 99.3%, 43.5%, 0.118);
+  --rx-mint-03-alpha: hsla(176, 100%, 49.7%, 0.070);
+  --rx-mint-04-alpha: hsla(164, 99.3%, 41.3%, 0.177);
+  --rx-mint-04-alpha: hsla(173, 100%, 49.7%, 0.105);
+  --rx-mint-05-alpha: hsla(165, 99.0%, 37.5%, 0.248);
+  --rx-mint-05-alpha: hsla(173, 100%, 49.8%, 0.144);
+  --rx-mint-06-alpha: hsla(165, 100%, 35.0%, 0.353);
+  --rx-mint-06-alpha: hsla(172, 100%, 49.8%, 0.192);
+  --rx-mint-07-alpha: hsla(166, 99.9%, 33.5%, 0.510);
+  --rx-mint-07-alpha: hsla(171, 100%, 49.9%, 0.266);
+  --rx-mint-08-alpha: hsla(168, 99.6%, 34.6%, 0.750);
+  --rx-mint-08-alpha: hsla(169, 100%, 49.9%, 0.366);
+  --rx-mint-09-alpha: hsla(167, 99.8%, 75.0%, 0.870);
+  --rx-mint-09-alpha: hsla(167, 99.9%, 39.5%, 0.561);
+  --rx-mint-10-alpha: hsla(163, 99.9%, 80.7%, 0.948);
+  --rx-mint-10-alpha: hsla(167, 99.7%, 37.4%, 0.589);
+  --rx-mint-11-alpha: hsla(167, 99.9%, 58.7%, 0.796);
+  --rx-mint-11-alpha: hsla(172, 99.8%, 22.4%, 0.922);
+  --rx-mint-12-alpha: hsla(169, 100%, 96.2%, 0.980);
+  --rx-mint-12-alpha: hsla(172, 99.7%, 8.8%, 0.965);
+  --rx-olive-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-olive-01-alpha: hsla(120, 89.3%, 18.3%, 0.012);
+  --rx-olive-02-alpha: hsla(120, 87.7%, 16.0%, 0.028);
+  --rx-olive-02-alpha: hsla(91, 97.0%, 84.0%, 0.026);
+  --rx-olive-03-alpha: hsla(101, 87.4%, 87.7%, 0.057);
+  --rx-olive-03-alpha: hsla(120, 99.5%, 7.7%, 0.051);
+  --rx-olive-04-alpha: hsla(120, 92.3%, 8.5%, 0.075);
+  --rx-olive-04-alpha: hsla(92, 91.8%, 94.1%, 0.078);
+  --rx-olive-05-alpha: hsla(101, 92.6%, 93.5%, 0.104);
+  --rx-olive-05-alpha: hsla(120, 86.0%, 6.9%, 0.099);
+  --rx-olive-06-alpha: hsla(102, 91.1%, 94.6%, 0.130);
+  --rx-olive-06-alpha: hsla(120, 94.8%, 6.8%, 0.122);
+  --rx-olive-07-alpha: hsla(102, 92.5%, 95.9%, 0.173);
+  --rx-olive-07-alpha: hsla(120, 99.3%, 5.2%, 0.153);
+  --rx-olive-08-alpha: hsla(107, 100%, 96.5%, 0.250);
+  --rx-olive-08-alpha: hsla(110, 93.8%, 5.2%, 0.240);
+  --rx-olive-09-alpha: hsla(110, 98.3%, 94.1%, 0.397);
+  --rx-olive-09-alpha: hsla(111, 98.7%, 3.0%, 0.459);
+  --rx-olive-10-alpha: hsla(109, 99.6%, 95.3%, 0.457);
+  --rx-olive-10-alpha: hsla(111, 93.5%, 2.9%, 0.499);
+  --rx-olive-11-alpha: hsla(111, 95.2%, 2.5%, 0.585);
+  --rx-olive-11-alpha: hsla(113, 95.3%, 97.2%, 0.600);
+  --rx-olive-12-alpha: hsla(110, 97.6%, 2.6%, 0.930);
+  --rx-olive-12-alpha: hsla(120, 93.5%, 99.6%, 0.927);
+  --rx-orange-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-orange-01-alpha: hsla(20, 94.9%, 38.7%, 0.016);
+  --rx-orange-02-alpha: hsla(13, 100%, 49.7%, 0.054);
+  --rx-orange-02-alpha: hsla(24, 95.8%, 46.5%, 0.044);
+  --rx-orange-03-alpha: hsla(20, 100%, 49.7%, 0.117);
+  --rx-orange-03-alpha: hsla(25, 100%, 50.5%, 0.095);
+  --rx-orange-04-alpha: hsla(23, 100%, 49.8%, 0.166);
+  --rx-orange-04-alpha: hsla(26, 100%, 50.0%, 0.157);
+  --rx-orange-05-alpha: hsla(23, 99.4%, 50.1%, 0.215);
+  --rx-orange-05-alpha: hsla(25, 100%, 50.1%, 0.236);
+  --rx-orange-06-alpha: hsla(23, 99.8%, 51.1%, 0.286);
+  --rx-orange-06-alpha: hsla(25, 100%, 50.1%, 0.346);
+  --rx-orange-07-alpha: hsla(23, 99.7%, 50.6%, 0.389);
+  --rx-orange-07-alpha: hsla(24, 100%, 50.1%, 0.495);
+  --rx-orange-08-alpha: hsla(24, 100%, 49.9%, 0.523);
+  --rx-orange-08-alpha: hsla(24, 99.7%, 48.7%, 0.695);
+  --rx-orange-09-alpha: hsla(24, 99.9%, 48.4%, 0.969);
+  --rx-orange-09-alpha: hsla(24, 99.9%, 51.6%, 0.965);
+  --rx-orange-10-alpha: hsla(23, 100%, 46.4%, 0.980);
+  --rx-orange-10-alpha: hsla(25, 100%, 58.6%, 0.980);
+  --rx-orange-11-alpha: hsla(23, 100%, 36.8%, 0.980);
+  --rx-orange-11-alpha: hsla(24, 100%, 62.4%, 0.980);
+  --rx-orange-12-alpha: hsla(15, 99.4%, 11.0%, 0.934);
+  --rx-orange-12-alpha: hsla(26, 100%, 94.2%, 0.980);
+  --rx-pink-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-pink-01-alpha: hsla(320, 100%, 51.0%, 0.012);
+  --rx-pink-02-alpha: hsla(320, 98.1%, 64.1%, 0.036);
+  --rx-pink-02-alpha: hsla(323, 100%, 51.0%, 0.032);
+  --rx-pink-03-alpha: hsla(320, 99.1%, 63.1%, 0.121);
+  --rx-pink-03-alpha: hsla(323, 98.9%, 47.3%, 0.067);
+  --rx-pink-04-alpha: hsla(320, 99.5%, 62.7%, 0.170);
+  --rx-pink-04-alpha: hsla(323, 99.9%, 44.3%, 0.102);
+  --rx-pink-05-alpha: hsla(319, 99.7%, 61.5%, 0.219);
+  --rx-pink-05-alpha: hsla(324, 99.9%, 42.3%, 0.153);
+  --rx-pink-06-alpha: hsla(322, 99.4%, 60.8%, 0.291);
+  --rx-pink-06-alpha: hsla(323, 99.5%, 39.6%, 0.224);
+  --rx-pink-07-alpha: hsla(321, 99.6%, 58.7%, 0.407);
+  --rx-pink-07-alpha: hsla(323, 99.7%, 38.5%, 0.322);
+  --rx-pink-08-alpha: hsla(322, 99.7%, 55.4%, 0.608);
+  --rx-pink-08-alpha: hsla(323, 99.5%, 37.7%, 0.444);
+  --rx-pink-09-alpha: hsla(322, 100%, 64.6%, 0.817);
+  --rx-pink-09-alpha: hsla(322, 99.7%, 39.3%, 0.750);
+  --rx-pink-10-alpha: hsla(322, 100%, 39.1%, 0.808);
+  --rx-pink-10-alpha: hsla(323, 100%, 66.3%, 0.875);
+  --rx-pink-11-alpha: hsla(322, 99.8%, 39.0%, 0.887);
+  --rx-pink-11-alpha: hsla(325, 99.9%, 68.6%, 0.960);
+  --rx-pink-12-alpha: hsla(314, 100%, 96.9%, 0.980);
+  --rx-pink-12-alpha: hsla(321, 99.8%, 10.0%, 0.961);
+  --rx-plum-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-plum-01-alpha: hsla(280, 100%, 51.0%, 0.012);
+  --rx-plum-02-alpha: hsla(300, 100%, 51.0%, 0.028);
+  --rx-plum-02-alpha: hsla(300, 96.4%, 58.4%, 0.036);
+  --rx-plum-03-alpha: hsla(300, 99.0%, 40.9%, 0.063);
+  --rx-plum-03-alpha: hsla(300, 99.4%, 67.1%, 0.102);
+  --rx-plum-04-alpha: hsla(295, 99.8%, 66.3%, 0.155);
+  --rx-plum-04-alpha: hsla(300, 99.9%, 38.5%, 0.102);
+  --rx-plum-05-alpha: hsla(295, 99.4%, 67.1%, 0.204);
+  --rx-plum-05-alpha: hsla(298, 98.2%, 35.9%, 0.150);
+  --rx-plum-06-alpha: hsla(294, 99.0%, 67.8%, 0.262);
+  --rx-plum-06-alpha: hsla(297, 99.6%, 33.7%, 0.216);
+  --rx-plum-07-alpha: hsla(294, 99.9%, 67.7%, 0.363);
+  --rx-plum-07-alpha: hsla(295, 99.7%, 32.6%, 0.314);
+  --rx-plum-08-alpha: hsla(292, 99.6%, 32.4%, 0.432);
+  --rx-plum-08-alpha: hsla(292, 99.8%, 67.5%, 0.527);
+  --rx-plum-09-alpha: hsla(292, 99.9%, 31.0%, 0.710);
+  --rx-plum-09-alpha: hsla(292, 99.9%, 69.2%, 0.695);
+  --rx-plum-10-alpha: hsla(292, 99.9%, 30.8%, 0.765);
+  --rx-plum-10-alpha: hsla(295, 99.9%, 70.8%, 0.748);
+  --rx-plum-11-alpha: hsla(292, 99.8%, 30.7%, 0.832);
+  --rx-plum-11-alpha: hsla(300, 99.8%, 72.9%, 0.828);
+  --rx-plum-12-alpha: hsla(291, 99.9%, 9.7%, 0.953);
+  --rx-plum-12-alpha: hsla(300, 100%, 97.1%, 0.980);
+  --rx-purple-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-purple-01-alpha: hsla(300, 94.3%, 34.6%, 0.012);
+  --rx-purple-02-alpha: hsla(276, 100%, 51.0%, 0.020);
+  --rx-purple-02-alpha: hsla(280, 96.5%, 57.5%, 0.045);
+  --rx-purple-03-alpha: hsla(277, 99.6%, 46.5%, 0.055);
+  --rx-purple-03-alpha: hsla(279, 98.7%, 62.8%, 0.129);
+  --rx-purple-04-alpha: hsla(274, 97.9%, 44.3%, 0.095);
+  --rx-purple-04-alpha: hsla(279, 99.1%, 64.0%, 0.191);
+  --rx-purple-05-alpha: hsla(276, 98.6%, 42.0%, 0.142);
+  --rx-purple-05-alpha: hsla(278, 99.8%, 64.2%, 0.248);
+  --rx-purple-06-alpha: hsla(275, 100%, 39.2%, 0.200);
+  --rx-purple-06-alpha: hsla(276, 99.6%, 64.6%, 0.328);
+  --rx-purple-07-alpha: hsla(273, 99.2%, 38.2%, 0.295);
+  --rx-purple-07-alpha: hsla(274, 99.9%, 64.6%, 0.456);
+  --rx-purple-08-alpha: hsla(272, 99.7%, 37.6%, 0.424);
+  --rx-purple-08-alpha: hsla(272, 99.7%, 64.6%, 0.660);
+  --rx-purple-09-alpha: hsla(272, 99.6%, 34.0%, 0.695);
+  --rx-purple-09-alpha: hsla(272, 99.9%, 69.1%, 0.748);
+  --rx-purple-10-alpha: hsla(272, 99.7%, 32.0%, 0.730);
+  --rx-purple-10-alpha: hsla(273, 100%, 71.3%, 0.801);
+  --rx-purple-11-alpha: hsla(272, 99.8%, 29.7%, 0.773);
+  --rx-purple-11-alpha: hsla(275, 99.9%, 75.3%, 0.934);
+  --rx-purple-12-alpha: hsla(272, 99.2%, 11.3%, 0.946);
+  --rx-purple-12-alpha: hsla(286, 100%, 97.1%, 0.980);
+  --rx-red-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-red-01-alpha: hsla(0, 100%, 51.0%, 0.012);
+  --rx-red-02-alpha: hsla(0, 100%, 51.0%, 0.032);
+  --rx-red-02-alpha: hsla(5, 98.5%, 53.8%, 0.045);
+  --rx-red-03-alpha: hsla(0, 100%, 50.2%, 0.063);
+  --rx-red-03-alpha: hsla(359, 99.1%, 61.1%, 0.130);
+  --rx-red-04-alpha: hsla(0, 100%, 50.0%, 0.102);
+  --rx-red-04-alpha: hsla(358, 98.8%, 61.0%, 0.184);
+  --rx-red-05-alpha: hsla(0, 99.9%, 47.5%, 0.153);
+  --rx-red-05-alpha: hsla(357, 99.6%, 60.3%, 0.237);
+  --rx-red-06-alpha: hsla(0, 99.5%, 44.9%, 0.224);
+  --rx-red-06-alpha: hsla(358, 99.6%, 60.3%, 0.322);
+  --rx-red-07-alpha: hsla(357, 100%, 59.5%, 0.442);
+  --rx-red-07-alpha: hsla(359, 99.7%, 42.7%, 0.318);
+  --rx-red-08-alpha: hsla(358, 99.8%, 59.1%, 0.621);
+  --rx-red-08-alpha: hsla(359, 99.6%, 41.1%, 0.436);
+  --rx-red-09-alpha: hsla(358, 100%, 65.5%, 0.884);
+  --rx-red-09-alpha: hsla(358, 99.9%, 42.9%, 0.718);
+  --rx-red-10-alpha: hsla(358, 100%, 67.5%, 0.942);
+  --rx-red-10-alpha: hsla(358, 99.9%, 41.0%, 0.761);
+  --rx-red-11-alpha: hsla(358, 100%, 69.7%, 0.980);
+  --rx-red-11-alpha: hsla(358, 99.8%, 38.3%, 0.832);
+  --rx-red-12-alpha: hsla(352, 100%, 97.1%, 0.980);
+  --rx-red-12-alpha: hsla(355, 99.3%, 7.9%, 0.926);
+  --rx-sage-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sage-01-alpha: hsla(150, 92.6%, 26.5%, 0.016);
+  --rx-sage-02-alpha: hsla(123, 94.4%, 91.4%, 0.026);
+  --rx-sage-02-alpha: hsla(150, 87.7%, 16.0%, 0.028);
+  --rx-sage-03-alpha: hsla(123, 82.9%, 91.0%, 0.057);
+  --rx-sage-03-alpha: hsla(160, 98.4%, 10.9%, 0.055);
+  --rx-sage-04-alpha: hsla(124, 97.9%, 94.5%, 0.082);
+  --rx-sage-04-alpha: hsla(140, 92.3%, 8.5%, 0.075);
+  --rx-sage-05-alpha: hsla(125, 90.0%, 95.2%, 0.104);
+  --rx-sage-05-alpha: hsla(160, 86.0%, 6.9%, 0.099);
+  --rx-sage-06-alpha: hsla(142, 95.1%, 94.8%, 0.134);
+  --rx-sage-06-alpha: hsla(156, 95.1%, 8.2%, 0.126);
+  --rx-sage-07-alpha: hsla(143, 92.8%, 95.7%, 0.173);
+  --rx-sage-07-alpha: hsla(156, 98.6%, 6.3%, 0.157);
+  --rx-sage-08-alpha: hsla(146, 94.7%, 95.3%, 0.255);
+  --rx-sage-08-alpha: hsla(154, 94.6%, 6.0%, 0.240);
+  --rx-sage-09-alpha: hsla(151, 98.2%, 94.4%, 0.397);
+  --rx-sage-09-alpha: hsla(154, 98.7%, 3.0%, 0.459);
+  --rx-sage-10-alpha: hsla(148, 99.5%, 95.5%, 0.457);
+  --rx-sage-10-alpha: hsla(154, 93.5%, 2.9%, 0.499);
+  --rx-sage-11-alpha: hsla(152, 95.1%, 97.3%, 0.600);
+  --rx-sage-11-alpha: hsla(154, 95.2%, 2.5%, 0.585);
+  --rx-sage-12-alpha: hsla(149, 93.3%, 99.6%, 0.927);
+  --rx-sage-12-alpha: hsla(158, 97.0%, 2.4%, 0.934);
+  --rx-sand-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sand-01-alpha: hsla(60, 89.3%, 18.3%, 0.012);
+  --rx-sand-02-alpha: hsla(60, 78.1%, 9.0%, 0.028);
+  --rx-sand-02-alpha: hsla(60, 89.8%, 91.4%, 0.026);
+  --rx-sand-03-alpha: hsla(60, 95.5%, 92.5%, 0.056);
+  --rx-sand-03-alpha: hsla(60, 99.0%, 3.9%, 0.051);
+  --rx-sand-04-alpha: hsla(60, 75.6%, 96.4%, 0.078);
+  --rx-sand-04-alpha: hsla(60, 88.9%, 5.9%, 0.075);
+  --rx-sand-05-alpha: hsla(60, 81.9%, 95.2%, 0.104);
+  --rx-sand-05-alpha: hsla(60, 86.0%, 6.9%, 0.099);
+  --rx-sand-06-alpha: hsla(41, 87.6%, 94.8%, 0.134);
+  --rx-sand-06-alpha: hsla(60, 93.2%, 5.2%, 0.122);
+  --rx-sand-07-alpha: hsla(60, 95.4%, 96.2%, 0.172);
+  --rx-sand-07-alpha: hsla(60, 98.3%, 5.1%, 0.157);
+  --rx-sand-08-alpha: hsla(49, 93.5%, 95.7%, 0.254);
+  --rx-sand-08-alpha: hsla(51, 94.1%, 6.0%, 0.244);
+  --rx-sand-09-alpha: hsla(52, 97.3%, 96.2%, 0.391);
+  --rx-sand-09-alpha: hsla(60, 99.8%, 1.7%, 0.451);
+  --rx-sand-10-alpha: hsla(52, 97.8%, 96.7%, 0.451);
+  --rx-sand-10-alpha: hsla(60, 90.7%, 1.8%, 0.491);
+  --rx-sand-11-alpha: hsla(45, 93.7%, 1.5%, 0.577);
+  --rx-sand-11-alpha: hsla(51, 97.0%, 97.8%, 0.597);
+  --rx-sand-12-alpha: hsla(60, 88.7%, 99.8%, 0.923);
+  --rx-sand-12-alpha: hsla(60, 98.0%, 0.7%, 0.906);
+  --rx-sky-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sky-01-alpha: hsla(190, 100%, 51.0%, 0.024);
+  --rx-sky-02-alpha: hsla(193, 100%, 50.1%, 0.055);
+  --rx-sky-02-alpha: hsla(208, 100%, 49.8%, 0.045);
+  --rx-sky-03-alpha: hsla(193, 100%, 50.1%, 0.106);
+  --rx-sky-03-alpha: hsla(201, 100%, 49.8%, 0.099);
+  --rx-sky-04-alpha: hsla(194, 99.6%, 47.7%, 0.165);
+  --rx-sky-04-alpha: hsla(201, 100%, 50.0%, 0.148);
+  --rx-sky-05-alpha: hsla(194, 99.2%, 45.4%, 0.244);
+  --rx-sky-05-alpha: hsla(200, 100%, 49.8%, 0.198);
+  --rx-sky-06-alpha: hsla(194, 99.9%, 42.3%, 0.357);
+  --rx-sky-06-alpha: hsla(199, 100%, 49.9%, 0.256);
+  --rx-sky-07-alpha: hsla(194, 99.8%, 42.2%, 0.526);
+  --rx-sky-07-alpha: hsla(199, 100%, 49.9%, 0.337);
+  --rx-sky-08-alpha: hsla(193, 99.9%, 43.8%, 0.820);
+  --rx-sky-08-alpha: hsla(199, 100%, 50.0%, 0.453);
+  --rx-sky-09-alpha: hsla(192, 100%, 70.8%, 0.980);
+  --rx-sky-09-alpha: hsla(193, 99.7%, 49.4%, 0.593);
+  --rx-sky-10-alpha: hsla(190, 100%, 77.6%, 0.980);
+  --rx-sky-10-alpha: hsla(193, 99.8%, 46.6%, 0.628);
+  --rx-sky-11-alpha: hsla(192, 99.9%, 59.6%, 0.924);
+  --rx-sky-11-alpha: hsla(196, 100%, 31.2%, 0.980);
+  --rx-sky-12-alpha: hsla(189, 100%, 96.8%, 0.980);
+  --rx-sky-12-alpha: hsla(196, 100%, 12.2%, 0.980);
+  --rx-slate-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-slate-01-alpha: hsla(210, 92.6%, 26.5%, 0.016);
+  --rx-slate-02-alpha: hsla(181, 98.9%, 91.8%, 0.026);
+  --rx-slate-02-alpha: hsla(210, 87.7%, 16.0%, 0.028);
+  --rx-slate-03-alpha: hsla(182, 86.7%, 91.4%, 0.057);
+  --rx-slate-03-alpha: hsla(210, 98.8%, 14.4%, 0.055);
+  --rx-slate-04-alpha: hsla(209, 86.7%, 93.9%, 0.083);
+  --rx-slate-04-alpha: hsla(210, 94.1%, 11.1%, 0.075);
+  --rx-slate-05-alpha: hsla(200, 90.3%, 93.4%, 0.109);
+  --rx-slate-05-alpha: hsla(216, 91.1%, 10.9%, 0.099);
+  --rx-slate-06-alpha: hsla(206, 96.4%, 11.3%, 0.126);
+  --rx-slate-06-alpha: hsla(209, 95.3%, 93.5%, 0.139);
+  --rx-slate-07-alpha: hsla(204, 98.5%, 93.9%, 0.182);
+  --rx-slate-07-alpha: hsla(210, 99.1%, 10.1%, 0.157);
+  --rx-slate-08-alpha: hsla(205, 96.5%, 10.0%, 0.244);
+  --rx-slate-08-alpha: hsla(209, 94.0%, 94.7%, 0.265);
+  --rx-slate-09-alpha: hsla(206, 98.8%, 5.9%, 0.467);
+  --rx-slate-09-alpha: hsla(207, 97.3%, 94.0%, 0.412);
+  --rx-slate-10-alpha: hsla(206, 99.6%, 5.4%, 0.506);
+  --rx-slate-10-alpha: hsla(209, 99.4%, 95.2%, 0.472);
+  --rx-slate-11-alpha: hsla(206, 97.0%, 4.8%, 0.593);
+  --rx-slate-11-alpha: hsla(208, 98.7%, 96.8%, 0.615);
+  --rx-slate-12-alpha: hsla(202, 97.0%, 2.4%, 0.934);
+  --rx-slate-12-alpha: hsla(211, 86.7%, 99.6%, 0.927);
+  --rx-teal-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-teal-01-alpha: hsla(165, 95.2%, 41.2%, 0.020);
+  --rx-teal-02-alpha: hsla(169, 99.5%, 39.4%, 0.055);
+  --rx-teal-02-alpha: hsla(171, 100%, 49.2%, 0.031);
+  --rx-teal-03-alpha: hsla(167, 97.6%, 38.1%, 0.095);
+  --rx-teal-03-alpha: hsla(172, 100%, 49.7%, 0.070);
+  --rx-teal-04-alpha: hsla(168, 98.1%, 34.6%, 0.150);
+  --rx-teal-04-alpha: hsla(175, 100%, 49.7%, 0.105);
+  --rx-teal-05-alpha: hsla(170, 99.4%, 32.3%, 0.220);
+  --rx-teal-05-alpha: hsla(174, 98.9%, 50.1%, 0.140);
+  --rx-teal-06-alpha: hsla(170, 99.7%, 30.1%, 0.314);
+  --rx-teal-06-alpha: hsla(174, 100%, 51.8%, 0.187);
+  --rx-teal-07-alpha: hsla(170, 99.3%, 28.7%, 0.448);
+  --rx-teal-07-alpha: hsla(173, 99.6%, 53.2%, 0.257);
+  --rx-teal-08-alpha: hsla(172, 99.8%, 29.7%, 0.675);
+  --rx-teal-08-alpha: hsla(174, 99.6%, 53.3%, 0.366);
+  --rx-teal-09-alpha: hsla(173, 99.8%, 31.1%, 0.930);
+  --rx-teal-09-alpha: hsla(173, 99.9%, 54.6%, 0.609);
+  --rx-teal-10-alpha: hsla(173, 99.7%, 28.7%, 0.946);
+  --rx-teal-10-alpha: hsla(174, 99.9%, 53.8%, 0.670);
+  --rx-teal-11-alpha: hsla(174, 100%, 52.0%, 0.748);
+  --rx-teal-11-alpha: hsla(174, 99.8%, 23.3%, 0.977);
+  --rx-teal-12-alpha: hsla(166, 98.6%, 95.0%, 0.979);
+  --rx-teal-12-alpha: hsla(171, 98.8%, 6.8%, 0.938);
+  --rx-tomato-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-tomato-01-alpha: hsla(0, 100%, 51.0%, 0.012);
+  --rx-tomato-02-alpha: hsla(5, 100%, 49.6%, 0.058);
+  --rx-tomato-02-alpha: hsla(8, 100%, 51.0%, 0.032);
+  --rx-tomato-03-alpha: hsla(6, 99.6%, 54.9%, 0.133);
+  --rx-tomato-03-alpha: hsla(7, 100%, 50.2%, 0.067);
+  --rx-tomato-04-alpha: hsla(6, 99.2%, 55.4%, 0.191);
+  --rx-tomato-04-alpha: hsla(8, 100%, 50.1%, 0.114);
+  --rx-tomato-05-alpha: hsla(6, 99.5%, 55.8%, 0.244);
+  --rx-tomato-05-alpha: hsla(7, 99.5%, 47.9%, 0.173);
+  --rx-tomato-06-alpha: hsla(7, 99.7%, 55.9%, 0.319);
+  --rx-tomato-06-alpha: hsla(9, 99.9%, 46.2%, 0.255);
+  --rx-tomato-07-alpha: hsla(10, 99.8%, 43.6%, 0.365);
+  --rx-tomato-07-alpha: hsla(8, 99.8%, 54.8%, 0.434);
+  --rx-tomato-08-alpha: hsla(10, 99.5%, 41.8%, 0.499);
+  --rx-tomato-08-alpha: hsla(10, 99.8%, 53.5%, 0.598);
+  --rx-tomato-09-alpha: hsla(10, 100%, 59.7%, 0.885);
+  --rx-tomato-09-alpha: hsla(10, 99.9%, 43.8%, 0.820);
+  --rx-tomato-10-alpha: hsla(10, 100%, 41.8%, 0.859);
+  --rx-tomato-10-alpha: hsla(10, 100%, 63.6%, 0.916);
+  --rx-tomato-11-alpha: hsla(10, 99.7%, 66.4%, 0.939);
+  --rx-tomato-11-alpha: hsla(10, 99.9%, 38.8%, 0.922);
+  --rx-tomato-12-alpha: hsla(10, 99.0%, 7.4%, 0.934);
+  --rx-tomato-12-alpha: hsla(12, 100%, 97.1%, 0.980);
+  --rx-violet-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-violet-01-alpha: hsla(270, 94.3%, 34.6%, 0.012);
+  --rx-violet-02-alpha: hsla(252, 100%, 51.0%, 0.020);
+  --rx-violet-02-alpha: hsla(258, 98.2%, 61.0%, 0.054);
+  --rx-violet-03-alpha: hsla(252, 98.8%, 65.8%, 0.148);
+  --rx-violet-03-alpha: hsla(254, 100%, 50.0%, 0.051);
+  --rx-violet-04-alpha: hsla(251, 98.3%, 48.2%, 0.087);
+  --rx-violet-04-alpha: hsla(253, 99.7%, 65.7%, 0.219);
+  --rx-violet-05-alpha: hsla(252, 99.0%, 45.7%, 0.130);
+  --rx-violet-05-alpha: hsla(252, 99.7%, 66.4%, 0.286);
+  --rx-violet-06-alpha: hsla(251, 99.1%, 44.0%, 0.189);
+  --rx-violet-06-alpha: hsla(251, 99.7%, 66.2%, 0.371);
+  --rx-violet-07-alpha: hsla(250, 99.7%, 66.3%, 0.514);
+  --rx-violet-07-alpha: hsla(252, 99.5%, 41.7%, 0.279);
+  --rx-violet-08-alpha: hsla(250, 99.7%, 66.1%, 0.733);
+  --rx-violet-08-alpha: hsla(252, 100%, 40.7%, 0.400);
+  --rx-violet-09-alpha: hsla(252, 99.9%, 35.8%, 0.663);
+  --rx-violet-09-alpha: hsla(252, 99.9%, 70.3%, 0.786);
+  --rx-violet-10-alpha: hsla(251, 99.6%, 32.5%, 0.691);
+  --rx-violet-10-alpha: hsla(251, 99.9%, 72.9%, 0.844);
+  --rx-violet-11-alpha: hsla(250, 100%, 77.9%, 0.980);
+  --rx-violet-11-alpha: hsla(250, 99.8%, 28.4%, 0.726);
+  --rx-violet-12-alpha: hsla(254, 100%, 97.5%, 0.980);
+  --rx-violet-12-alpha: hsla(254, 99.5%, 11.9%, 0.926);
+  --rx-white-01-alpha: hsla(0, 0%, 100%, 0);
+  --rx-white-02-alpha: hsla(0, 0%, 100%, 0.013);
+  --rx-white-03-alpha: hsla(0, 0%, 100%, 0.034);
+  --rx-white-04-alpha: hsla(0, 0%, 100%, 0.056);
+  --rx-white-05-alpha: hsla(0, 0%, 100%, 0.086);
+  --rx-white-06-alpha: hsla(0, 0%, 100%, 0.124);
+  --rx-white-07-alpha: hsla(0, 0%, 100%, 0.176);
+  --rx-white-08-alpha: hsla(0, 0%, 100%, 0.249);
+  --rx-white-09-alpha: hsla(0, 0%, 100%, 0.386);
+  --rx-white-10-alpha: hsla(0, 0%, 100%, 0.446);
+  --rx-white-11-alpha: hsla(0, 0%, 100%, 0.592);
+  --rx-white-12-alpha: hsla(0, 0%, 100%, 0.923);
+  --rx-yellow-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-yellow-01-alpha: hsla(60, 94.3%, 34.6%, 0.024);
+  --rx-yellow-02-alpha: hsla(49, 100%, 49.1%, 0.027);
+  --rx-yellow-02-alpha: hsla(52, 100%, 50.4%, 0.091);
+  --rx-yellow-03-alpha: hsla(45, 100%, 49.7%, 0.071);
+  --rx-yellow-03-alpha: hsla(55, 100%, 50.2%, 0.181);
+  --rx-yellow-04-alpha: hsla(46, 100%, 49.7%, 0.111);
+  --rx-yellow-04-alpha: hsla(54, 100%, 50.1%, 0.267);
+  --rx-yellow-05-alpha: hsla(47, 100%, 49.9%, 0.150);
+  --rx-yellow-05-alpha: hsla(52, 99.9%, 49.5%, 0.357);
+  --rx-yellow-06-alpha: hsla(50, 100%, 47.4%, 0.451);
+  --rx-yellow-06-alpha: hsla(51, 100%, 49.8%, 0.199);
+  --rx-yellow-07-alpha: hsla(47, 99.8%, 44.6%, 0.577);
+  --rx-yellow-07-alpha: hsla(51, 99.8%, 53.6%, 0.269);
+  --rx-yellow-08-alpha: hsla(48, 100%, 46.0%, 0.980);
+  --rx-yellow-08-alpha: hsla(51, 100%, 49.9%, 0.371);
+  --rx-yellow-09-alpha: hsla(53, 100%, 48.0%, 0.961);
+  --rx-yellow-09-alpha: hsla(53, 100%, 52.0%, 0.956);
+  --rx-yellow-10-alpha: hsla(50, 100%, 48.4%, 0.980);
+  --rx-yellow-10-alpha: hsla(56, 100%, 68.4%, 0.980);
+  --rx-yellow-11-alpha: hsla(42, 100%, 28.6%, 0.980);
+  --rx-yellow-11-alpha: hsla(48, 100%, 50.0%, 0.934);
+  --rx-yellow-12-alpha: hsla(41, 98.9%, 8.0%, 0.942);
+  --rx-yellow-12-alpha: hsla(60, 100%, 91.8%, 0.980);
+}
+
+html.dark, html[data-theme=dark] {
+  --rx-amber-01: hsl(36, 100%, 6.1%);
+  --rx-amber-02: hsl(35, 100%, 7.6%);
+  --rx-amber-03: hsl(32, 100%, 10.2%);
+  --rx-amber-04: hsl(32, 100%, 12.4%);
+  --rx-amber-05: hsl(33, 100%, 14.6%);
+  --rx-amber-06: hsl(35, 100%, 17.1%);
+  --rx-amber-07: hsl(35, 91.0%, 21.6%);
+  --rx-amber-08: hsl(36, 100%, 25.5%);
+  --rx-amber-09: hsl(39, 100%, 57.0%);
+  --rx-amber-10: hsl(43, 100%, 64.0%);
+  --rx-amber-11: hsl(39, 90.0%, 49.8%);
+  --rx-amber-12: hsl(39, 97.0%, 93.2%);
+  --rx-blue-01: hsl(212, 35.0%, 9.2%);
+  --rx-blue-02: hsl(216, 50.0%, 11.8%);
+  --rx-blue-03: hsl(214, 59.4%, 15.3%);
+  --rx-blue-04: hsl(214, 65.8%, 17.9%);
+  --rx-blue-05: hsl(213, 71.2%, 20.2%);
+  --rx-blue-06: hsl(212, 77.4%, 23.1%);
+  --rx-blue-07: hsl(211, 85.1%, 27.4%);
+  --rx-blue-08: hsl(211, 89.7%, 34.1%);
+  --rx-blue-09: hsl(206, 100%, 50.0%);
+  --rx-blue-10: hsl(209, 100%, 60.6%);
+  --rx-blue-11: hsl(210, 100%, 66.1%);
+  --rx-blue-12: hsl(206, 98.0%, 95.8%);
+  --rx-bronze-01: hsl(17, 10.0%, 8.8%);
+  --rx-bronze-02: hsl(15, 14.8%, 10.6%);
+  --rx-bronze-03: hsl(15, 16.3%, 14.3%);
+  --rx-bronze-04: hsl(16, 17.1%, 17.2%);
+  --rx-bronze-05: hsl(16, 17.6%, 19.6%);
+  --rx-bronze-06: hsl(16, 18.1%, 22.9%);
+  --rx-bronze-07: hsl(17, 18.8%, 28.8%);
+  --rx-bronze-08: hsl(17, 19.6%, 38.0%);
+  --rx-bronze-09: hsl(17, 20.0%, 54.0%);
+  --rx-bronze-10: hsl(18, 24.0%, 59.0%);
+  --rx-bronze-11: hsl(18, 35.0%, 68.5%);
+  --rx-bronze-12: hsl(18, 57.0%, 94.1%);
+  --rx-brown-01: hsl(22, 15.0%, 8.7%);
+  --rx-brown-02: hsl(20, 28.3%, 10.4%);
+  --rx-brown-03: hsl(20, 28.0%, 14.0%);
+  --rx-brown-04: hsl(21, 28.4%, 16.5%);
+  --rx-brown-05: hsl(22, 28.7%, 18.9%);
+  --rx-brown-06: hsl(23, 29.0%, 22.3%);
+  --rx-brown-07: hsl(25, 29.5%, 27.8%);
+  --rx-brown-08: hsl(27, 30.1%, 35.9%);
+  --rx-brown-09: hsl(28, 34.0%, 51.0%);
+  --rx-brown-10: hsl(28, 41.4%, 55.8%);
+  --rx-brown-11: hsl(28, 60.0%, 64.5%);
+  --rx-brown-12: hsl(30, 67.0%, 94.0%);
+  --rx-crimson-01: hsl(335, 20.0%, 9.6%);
+  --rx-crimson-02: hsl(335, 32.2%, 11.6%);
+  --rx-crimson-03: hsl(335, 42.5%, 16.5%);
+  --rx-crimson-04: hsl(335, 47.2%, 19.3%);
+  --rx-crimson-05: hsl(335, 50.9%, 21.8%);
+  --rx-crimson-06: hsl(335, 55.7%, 25.3%);
+  --rx-crimson-07: hsl(336, 62.9%, 30.8%);
+  --rx-crimson-08: hsl(336, 74.9%, 39.0%);
+  --rx-crimson-09: hsl(336, 80.0%, 57.8%);
+  --rx-crimson-10: hsl(339, 84.1%, 62.6%);
+  --rx-crimson-11: hsl(341, 90.0%, 67.3%);
+  --rx-crimson-12: hsl(332, 87.0%, 96.0%);
+  --rx-cyan-01: hsl(192, 60.0%, 7.2%);
+  --rx-cyan-02: hsl(192, 71.4%, 8.2%);
+  --rx-cyan-03: hsl(192, 75.9%, 10.8%);
+  --rx-cyan-04: hsl(192, 79.3%, 12.8%);
+  --rx-cyan-05: hsl(192, 82.5%, 14.6%);
+  --rx-cyan-06: hsl(192, 86.6%, 16.9%);
+  --rx-cyan-07: hsl(192, 92.6%, 20.1%);
+  --rx-cyan-08: hsl(192, 100%, 24.5%);
+  --rx-cyan-09: hsl(190, 95.0%, 39.0%);
+  --rx-cyan-10: hsl(188, 100%, 40.0%);
+  --rx-cyan-11: hsl(186, 100%, 42.2%);
+  --rx-cyan-12: hsl(185, 73.0%, 93.2%);
+  --rx-gold-01: hsl(44, 9.0%, 8.3%);
+  --rx-gold-02: hsl(43, 14.3%, 9.6%);
+  --rx-gold-03: hsl(42, 15.5%, 13.0%);
+  --rx-gold-04: hsl(41, 16.4%, 15.6%);
+  --rx-gold-05: hsl(41, 16.9%, 17.8%);
+  --rx-gold-06: hsl(40, 17.6%, 20.8%);
+  --rx-gold-07: hsl(38, 18.5%, 26.4%);
+  --rx-gold-08: hsl(36, 19.6%, 35.1%);
+  --rx-gold-09: hsl(36, 20.0%, 49.5%);
+  --rx-gold-10: hsl(36, 22.3%, 54.5%);
+  --rx-gold-11: hsl(35, 30.0%, 64.0%);
+  --rx-gold-12: hsl(49, 52.0%, 93.8%);
+  --rx-grass-01: hsl(146, 30.0%, 7.4%);
+  --rx-grass-02: hsl(136, 33.3%, 8.8%);
+  --rx-grass-03: hsl(137, 36.0%, 11.4%);
+  --rx-grass-04: hsl(137, 37.6%, 13.7%);
+  --rx-grass-05: hsl(136, 38.7%, 16.0%);
+  --rx-grass-06: hsl(135, 39.6%, 19.1%);
+  --rx-grass-07: hsl(134, 40.3%, 23.8%);
+  --rx-grass-08: hsl(131, 40.1%, 30.8%);
+  --rx-grass-09: hsl(131, 41.0%, 46.5%);
+  --rx-grass-10: hsl(131, 39.0%, 52.1%);
+  --rx-grass-11: hsl(131, 43.0%, 57.2%);
+  --rx-grass-12: hsl(137, 72.0%, 94.0%);
+  --rx-gray-01: hsl(0, 0%, 8.5%);
+  --rx-gray-02: hsl(0, 0%, 11.0%);
+  --rx-gray-03: hsl(0, 0%, 13.6%);
+  --rx-gray-04: hsl(0, 0%, 15.8%);
+  --rx-gray-05: hsl(0, 0%, 17.9%);
+  --rx-gray-06: hsl(0, 0%, 20.5%);
+  --rx-gray-07: hsl(0, 0%, 24.3%);
+  --rx-gray-08: hsl(0, 0%, 31.2%);
+  --rx-gray-09: hsl(0, 0%, 43.9%);
+  --rx-gray-10: hsl(0, 0%, 49.4%);
+  --rx-gray-11: hsl(0, 0%, 62.8%);
+  --rx-gray-12: hsl(0, 0%, 93.0%);
+  --rx-green-01: hsl(146, 30.0%, 7.4%);
+  --rx-green-02: hsl(155, 44.2%, 8.4%);
+  --rx-green-03: hsl(155, 46.7%, 10.9%);
+  --rx-green-04: hsl(154, 48.4%, 12.9%);
+  --rx-green-05: hsl(154, 49.7%, 14.9%);
+  --rx-green-06: hsl(154, 50.9%, 17.6%);
+  --rx-green-07: hsl(153, 51.8%, 21.8%);
+  --rx-green-08: hsl(151, 51.7%, 28.4%);
+  --rx-green-09: hsl(151, 55.0%, 41.5%);
+  --rx-green-10: hsl(151, 49.3%, 46.5%);
+  --rx-green-11: hsl(151, 50.0%, 53.2%);
+  --rx-green-12: hsl(137, 72.0%, 94.0%);
+  --rx-indigo-01: hsl(229, 24.0%, 10.0%);
+  --rx-indigo-02: hsl(230, 36.4%, 12.9%);
+  --rx-indigo-03: hsl(228, 43.3%, 17.5%);
+  --rx-indigo-04: hsl(227, 47.2%, 21.0%);
+  --rx-indigo-05: hsl(227, 50.0%, 24.1%);
+  --rx-indigo-06: hsl(226, 52.9%, 28.2%);
+  --rx-indigo-07: hsl(226, 56.0%, 34.5%);
+  --rx-indigo-08: hsl(226, 58.2%, 44.1%);
+  --rx-indigo-09: hsl(226, 70.0%, 55.5%);
+  --rx-indigo-10: hsl(227, 75.2%, 61.6%);
+  --rx-indigo-11: hsl(228, 100%, 75.9%);
+  --rx-indigo-12: hsl(226, 83.0%, 96.3%);
+  --rx-lime-01: hsl(75, 55.0%, 6.0%);
+  --rx-lime-02: hsl(74, 56.8%, 7.3%);
+  --rx-lime-03: hsl(78, 50.2%, 9.9%);
+  --rx-lime-04: hsl(79, 50.3%, 12.1%);
+  --rx-lime-05: hsl(79, 52.6%, 14.2%);
+  --rx-lime-06: hsl(78, 55.7%, 16.7%);
+  --rx-lime-07: hsl(77, 59.7%, 20.1%);
+  --rx-lime-08: hsl(75, 64.8%, 24.5%);
+  --rx-lime-09: hsl(81, 67.0%, 50.0%);
+  --rx-lime-10: hsl(75, 85.0%, 60.0%);
+  --rx-lime-11: hsl(81, 70.0%, 43.8%);
+  --rx-lime-12: hsl(84, 79.0%, 92.6%);
+  --rx-mauve-01: hsl(246, 6.0%, 9.0%);
+  --rx-mauve-02: hsl(240, 5.1%, 11.6%);
+  --rx-mauve-03: hsl(241, 5.0%, 14.3%);
+  --rx-mauve-04: hsl(242, 4.9%, 16.5%);
+  --rx-mauve-05: hsl(243, 4.9%, 18.8%);
+  --rx-mauve-06: hsl(244, 4.9%, 21.5%);
+  --rx-mauve-07: hsl(245, 4.9%, 25.4%);
+  --rx-mauve-08: hsl(247, 4.8%, 32.5%);
+  --rx-mauve-09: hsl(252, 4.0%, 45.2%);
+  --rx-mauve-10: hsl(247, 3.4%, 50.7%);
+  --rx-mauve-11: hsl(253, 4.0%, 63.7%);
+  --rx-mauve-12: hsl(256, 6.0%, 93.2%);
+  --rx-mint-01: hsl(173, 50.0%, 6.6%);
+  --rx-mint-02: hsl(176, 73.0%, 7.3%);
+  --rx-mint-03: hsl(175, 79.3%, 8.9%);
+  --rx-mint-04: hsl(174, 84.8%, 10.3%);
+  --rx-mint-05: hsl(174, 90.2%, 11.9%);
+  --rx-mint-06: hsl(173, 96.0%, 13.8%);
+  --rx-mint-07: hsl(172, 100%, 16.8%);
+  --rx-mint-08: hsl(170, 100%, 21.4%);
+  --rx-mint-09: hsl(167, 65.0%, 66.0%);
+  --rx-mint-10: hsl(163, 80.0%, 77.0%);
+  --rx-mint-11: hsl(167, 70.0%, 48.0%);
+  --rx-mint-12: hsl(165, 80.0%, 94.8%);
+  --rx-olive-01: hsl(110, 5.0%, 8.6%);
+  --rx-olive-02: hsl(105, 7.4%, 10.6%);
+  --rx-olive-03: hsl(106, 6.4%, 13.1%);
+  --rx-olive-04: hsl(106, 5.8%, 15.3%);
+  --rx-olive-05: hsl(107, 5.3%, 17.4%);
+  --rx-olive-06: hsl(107, 4.9%, 19.9%);
+  --rx-olive-07: hsl(108, 4.4%, 23.6%);
+  --rx-olive-08: hsl(110, 3.8%, 30.6%);
+  --rx-olive-09: hsl(110, 6.0%, 42.5%);
+  --rx-olive-10: hsl(111, 4.8%, 48.2%);
+  --rx-olive-11: hsl(110, 5.0%, 61.8%);
+  --rx-olive-12: hsl(110, 6.0%, 93.0%);
+  --rx-orange-01: hsl(30, 70.0%, 7.2%);
+  --rx-orange-02: hsl(28, 100%, 8.4%);
+  --rx-orange-03: hsl(26, 91.1%, 11.6%);
+  --rx-orange-04: hsl(25, 88.3%, 14.1%);
+  --rx-orange-05: hsl(24, 87.6%, 16.6%);
+  --rx-orange-06: hsl(24, 88.6%, 19.8%);
+  --rx-orange-07: hsl(24, 92.4%, 24.0%);
+  --rx-orange-08: hsl(25, 100%, 29.0%);
+  --rx-orange-09: hsl(24, 94.0%, 50.0%);
+  --rx-orange-10: hsl(24, 100%, 58.5%);
+  --rx-orange-11: hsl(24, 100%, 62.2%);
+  --rx-orange-12: hsl(24, 97.0%, 93.2%);
+  --rx-pink-01: hsl(318, 25.0%, 9.6%);
+  --rx-pink-02: hsl(319, 32.2%, 11.6%);
+  --rx-pink-03: hsl(319, 41.0%, 16.0%);
+  --rx-pink-04: hsl(320, 45.4%, 18.7%);
+  --rx-pink-05: hsl(320, 49.0%, 21.1%);
+  --rx-pink-06: hsl(321, 53.6%, 24.4%);
+  --rx-pink-07: hsl(321, 61.1%, 29.7%);
+  --rx-pink-08: hsl(322, 74.9%, 37.5%);
+  --rx-pink-09: hsl(322, 65.0%, 54.5%);
+  --rx-pink-10: hsl(323, 72.8%, 59.2%);
+  --rx-pink-11: hsl(325, 90.0%, 66.4%);
+  --rx-pink-12: hsl(322, 90.0%, 95.8%);
+  --rx-plum-01: hsl(301, 20.0%, 9.4%);
+  --rx-plum-02: hsl(300, 29.8%, 11.2%);
+  --rx-plum-03: hsl(298, 34.4%, 15.3%);
+  --rx-plum-04: hsl(297, 36.8%, 18.3%);
+  --rx-plum-05: hsl(296, 38.5%, 21.1%);
+  --rx-plum-06: hsl(295, 40.4%, 24.7%);
+  --rx-plum-07: hsl(294, 42.7%, 30.6%);
+  --rx-plum-08: hsl(292, 45.1%, 40.0%);
+  --rx-plum-09: hsl(292, 45.0%, 51.0%);
+  --rx-plum-10: hsl(295, 50.0%, 55.4%);
+  --rx-plum-11: hsl(300, 60.0%, 62.0%);
+  --rx-plum-12: hsl(296, 74.0%, 95.7%);
+  --rx-purple-01: hsl(284, 20.0%, 9.6%);
+  --rx-purple-02: hsl(283, 30.0%, 11.8%);
+  --rx-purple-03: hsl(281, 37.5%, 16.5%);
+  --rx-purple-04: hsl(280, 41.2%, 20.0%);
+  --rx-purple-05: hsl(279, 43.8%, 23.3%);
+  --rx-purple-06: hsl(277, 46.4%, 27.5%);
+  --rx-purple-07: hsl(275, 49.3%, 34.6%);
+  --rx-purple-08: hsl(272, 52.1%, 45.9%);
+  --rx-purple-09: hsl(272, 51.0%, 54.0%);
+  --rx-purple-10: hsl(273, 57.3%, 59.1%);
+  --rx-purple-11: hsl(275, 80.0%, 71.0%);
+  --rx-purple-12: hsl(279, 75.0%, 95.7%);
+  --rx-red-01: hsl(353, 23.0%, 9.8%);
+  --rx-red-02: hsl(357, 34.4%, 12.0%);
+  --rx-red-03: hsl(356, 43.4%, 16.4%);
+  --rx-red-04: hsl(356, 47.6%, 19.2%);
+  --rx-red-05: hsl(356, 51.1%, 21.9%);
+  --rx-red-06: hsl(356, 55.2%, 25.9%);
+  --rx-red-07: hsl(357, 60.2%, 31.8%);
+  --rx-red-08: hsl(358, 65.0%, 40.4%);
+  --rx-red-09: hsl(358, 75.0%, 59.0%);
+  --rx-red-10: hsl(358, 85.3%, 64.0%);
+  --rx-red-11: hsl(358, 100%, 69.5%);
+  --rx-red-12: hsl(351, 89.0%, 96.0%);
+  --rx-sage-01: hsl(155, 7.0%, 8.4%);
+  --rx-sage-02: hsl(150, 7.4%, 10.6%);
+  --rx-sage-03: hsl(150, 6.7%, 13.1%);
+  --rx-sage-04: hsl(150, 6.4%, 15.3%);
+  --rx-sage-05: hsl(150, 6.1%, 17.4%);
+  --rx-sage-06: hsl(150, 5.8%, 19.9%);
+  --rx-sage-07: hsl(150, 5.5%, 23.6%);
+  --rx-sage-08: hsl(150, 5.1%, 30.6%);
+  --rx-sage-09: hsl(155, 6.0%, 42.5%);
+  --rx-sage-10: hsl(153, 4.8%, 48.2%);
+  --rx-sage-11: hsl(155, 5.0%, 61.8%);
+  --rx-sage-12: hsl(155, 6.0%, 93.0%);
+  --rx-sand-01: hsl(61, 2.0%, 8.3%);
+  --rx-sand-02: hsl(60, 3.7%, 10.6%);
+  --rx-sand-03: hsl(58, 3.7%, 13.1%);
+  --rx-sand-04: hsl(57, 3.6%, 15.3%);
+  --rx-sand-05: hsl(56, 3.7%, 17.4%);
+  --rx-sand-06: hsl(55, 3.7%, 19.9%);
+  --rx-sand-07: hsl(53, 3.7%, 23.6%);
+  --rx-sand-08: hsl(50, 3.8%, 30.6%);
+  --rx-sand-09: hsl(50, 4.0%, 42.7%);
+  --rx-sand-10: hsl(52, 3.1%, 48.3%);
+  --rx-sand-11: hsl(50, 4.0%, 61.8%);
+  --rx-sand-12: hsl(56, 4.0%, 92.8%);
+  --rx-sky-01: hsl(205, 45.0%, 8.6%);
+  --rx-sky-02: hsl(202, 71.4%, 9.6%);
+  --rx-sky-03: hsl(201, 74.6%, 12.2%);
+  --rx-sky-04: hsl(201, 77.4%, 14.4%);
+  --rx-sky-05: hsl(200, 80.3%, 16.5%);
+  --rx-sky-06: hsl(200, 84.1%, 18.9%);
+  --rx-sky-07: hsl(199, 90.2%, 22.1%);
+  --rx-sky-08: hsl(198, 100%, 26.1%);
+  --rx-sky-09: hsl(193, 98.0%, 70.0%);
+  --rx-sky-10: hsl(192, 100%, 77.0%);
+  --rx-sky-11: hsl(192, 85.0%, 55.8%);
+  --rx-sky-12: hsl(198, 98.0%, 95.8%);
+  --rx-slate-01: hsl(200, 7.0%, 8.8%);
+  --rx-slate-02: hsl(195, 7.1%, 11.0%);
+  --rx-slate-03: hsl(197, 6.8%, 13.6%);
+  --rx-slate-04: hsl(198, 6.6%, 15.8%);
+  --rx-slate-05: hsl(199, 6.4%, 17.9%);
+  --rx-slate-06: hsl(201, 6.2%, 20.5%);
+  --rx-slate-07: hsl(203, 6.0%, 24.3%);
+  --rx-slate-08: hsl(207, 5.6%, 31.6%);
+  --rx-slate-09: hsl(206, 6.0%, 43.9%);
+  --rx-slate-10: hsl(206, 5.2%, 49.5%);
+  --rx-slate-11: hsl(206, 6.0%, 63.0%);
+  --rx-slate-12: hsl(210, 6.0%, 93.0%);
+  --rx-teal-01: hsl(168, 48.0%, 6.5%);
+  --rx-teal-02: hsl(169, 77.8%, 7.1%);
+  --rx-teal-03: hsl(170, 76.1%, 9.2%);
+  --rx-teal-04: hsl(171, 75.8%, 11.0%);
+  --rx-teal-05: hsl(171, 75.7%, 12.8%);
+  --rx-teal-06: hsl(172, 75.8%, 15.1%);
+  --rx-teal-07: hsl(172, 76.7%, 18.6%);
+  --rx-teal-08: hsl(173, 80.2%, 23.7%);
+  --rx-teal-09: hsl(173, 80.0%, 36.0%);
+  --rx-teal-10: hsl(174, 83.9%, 38.2%);
+  --rx-teal-11: hsl(174, 90.0%, 40.7%);
+  --rx-teal-12: hsl(166, 73.0%, 93.1%);
+  --rx-tomato-01: hsl(10, 23.0%, 9.4%);
+  --rx-tomato-02: hsl(9, 44.8%, 11.4%);
+  --rx-tomato-03: hsl(8, 52.0%, 15.3%);
+  --rx-tomato-04: hsl(7, 56.3%, 18.0%);
+  --rx-tomato-05: hsl(7, 60.1%, 20.6%);
+  --rx-tomato-06: hsl(8, 64.8%, 24.0%);
+  --rx-tomato-07: hsl(8, 71.2%, 29.1%);
+  --rx-tomato-08: hsl(10, 80.2%, 35.7%);
+  --rx-tomato-09: hsl(10, 78.0%, 54.0%);
+  --rx-tomato-10: hsl(10, 81.7%, 59.0%);
+  --rx-tomato-11: hsl(10, 85.0%, 62.8%);
+  --rx-tomato-12: hsl(10, 89.0%, 96.0%);
+  --rx-violet-01: hsl(250, 20.0%, 10.2%);
+  --rx-violet-02: hsl(255, 30.3%, 12.9%);
+  --rx-violet-03: hsl(253, 37.0%, 18.4%);
+  --rx-violet-04: hsl(252, 40.1%, 22.5%);
+  --rx-violet-05: hsl(252, 42.2%, 26.2%);
+  --rx-violet-06: hsl(251, 44.3%, 31.1%);
+  --rx-violet-07: hsl(250, 46.8%, 38.9%);
+  --rx-violet-08: hsl(250, 51.8%, 51.2%);
+  --rx-violet-09: hsl(252, 56.0%, 57.5%);
+  --rx-violet-10: hsl(251, 63.2%, 63.2%);
+  --rx-violet-11: hsl(250, 95.0%, 76.8%);
+  --rx-violet-12: hsl(252, 87.0%, 96.4%);
+  --rx-yellow-01: hsl(45, 100%, 5.5%);
+  --rx-yellow-02: hsl(46, 100%, 6.7%);
+  --rx-yellow-03: hsl(45, 100%, 8.7%);
+  --rx-yellow-04: hsl(45, 100%, 10.4%);
+  --rx-yellow-05: hsl(47, 100%, 12.1%);
+  --rx-yellow-06: hsl(49, 100%, 14.3%);
+  --rx-yellow-07: hsl(49, 90.3%, 18.4%);
+  --rx-yellow-08: hsl(50, 100%, 22.0%);
+  --rx-yellow-09: hsl(53, 92.0%, 50.0%);
+  --rx-yellow-10: hsl(54, 100%, 68.0%);
+  --rx-yellow-11: hsl(48, 100%, 47.0%);
+  --rx-yellow-12: hsl(53, 100%, 91.0%);
+}
+
+html.dark, html[data-theme=dark] {
+  --rx-amber-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-amber-02-alpha: hsla(31, 100%, 49.7%, 0.036);
+  --rx-amber-03-alpha: hsla(27, 100%, 49.9%, 0.094);
+  --rx-amber-04-alpha: hsla(29, 100%, 50.0%, 0.143);
+  --rx-amber-05-alpha: hsla(31, 100%, 50.0%, 0.192);
+  --rx-amber-06-alpha: hsla(35, 100%, 50.0%, 0.250);
+  --rx-amber-07-alpha: hsla(34, 99.6%, 52.9%, 0.331);
+  --rx-amber-08-alpha: hsla(36, 100%, 50.0%, 0.442);
+  --rx-amber-09-alpha: hsla(40, 100%, 57.2%, 0.980);
+  --rx-amber-10-alpha: hsla(44, 100%, 64.2%, 0.980);
+  --rx-amber-11-alpha: hsla(39, 99.9%, 52.7%, 0.938);
+  --rx-amber-12-alpha: hsla(45, 100%, 94.2%, 0.980);
+  --rx-blue-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-blue-02-alpha: hsla(221, 97.8%, 52.4%, 0.059);
+  --rx-blue-03-alpha: hsla(215, 99.3%, 54.2%, 0.135);
+  --rx-blue-04-alpha: hsla(215, 99.3%, 53.8%, 0.198);
+  --rx-blue-05-alpha: hsla(213, 99.4%, 52.8%, 0.252);
+  --rx-blue-06-alpha: hsla(212, 99.9%, 51.7%, 0.323);
+  --rx-blue-07-alpha: hsla(211, 100%, 50.7%, 0.435);
+  --rx-blue-08-alpha: hsla(211, 99.8%, 50.9%, 0.597);
+  --rx-blue-09-alpha: hsla(205, 100%, 50.0%, 0.980);
+  --rx-blue-10-alpha: hsla(208, 100%, 60.7%, 0.980);
+  --rx-blue-11-alpha: hsla(209, 100%, 66.3%, 0.980);
+  --rx-blue-12-alpha: hsla(196, 100%, 96.8%, 0.980);
+  --rx-bronze-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-bronze-02-alpha: hsla(20, 88.2%, 74.2%, 0.027);
+  --rx-bronze-03-alpha: hsla(10, 99.4%, 83.0%, 0.074);
+  --rx-bronze-04-alpha: hsla(18, 96.0%, 81.1%, 0.114);
+  --rx-bronze-05-alpha: hsla(18, 99.4%, 81.7%, 0.148);
+  --rx-bronze-06-alpha: hsla(15, 98.1%, 82.4%, 0.192);
+  --rx-bronze-07-alpha: hsla(16, 99.2%, 82.9%, 0.270);
+  --rx-bronze-08-alpha: hsla(18, 99.5%, 82.6%, 0.396);
+  --rx-bronze-09-alpha: hsla(18, 99.3%, 85.0%, 0.592);
+  --rx-bronze-10-alpha: hsla(18, 99.6%, 85.2%, 0.657);
+  --rx-bronze-11-alpha: hsla(17, 99.9%, 86.1%, 0.774);
+  --rx-bronze-12-alpha: hsla(20, 99.8%, 96.4%, 0.974);
+  --rx-brown-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-brown-02-alpha: hsla(22, 99.6%, 53.6%, 0.035);
+  --rx-brown-03-alpha: hsla(18, 97.8%, 69.0%, 0.088);
+  --rx-brown-04-alpha: hsla(21, 98.2%, 71.0%, 0.123);
+  --rx-brown-05-alpha: hsla(25, 98.4%, 72.1%, 0.158);
+  --rx-brown-06-alpha: hsla(25, 98.7%, 73.5%, 0.206);
+  --rx-brown-07-alpha: hsla(25, 99.0%, 74.6%, 0.289);
+  --rx-brown-08-alpha: hsla(28, 99.2%, 75.3%, 0.407);
+  --rx-brown-09-alpha: hsla(28, 100%, 74.8%, 0.642);
+  --rx-brown-10-alpha: hsla(28, 99.9%, 74.9%, 0.712);
+  --rx-brown-11-alpha: hsla(28, 99.9%, 74.9%, 0.843);
+  --rx-brown-12-alpha: hsla(32, 98.2%, 95.7%, 0.979);
+  --rx-crimson-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-crimson-02-alpha: hsla(336, 96.8%, 53.2%, 0.045);
+  --rx-crimson-03-alpha: hsla(335, 98.7%, 59.3%, 0.138);
+  --rx-crimson-04-alpha: hsla(336, 99.1%, 59.9%, 0.191);
+  --rx-crimson-05-alpha: hsla(335, 99.4%, 59.4%, 0.244);
+  --rx-crimson-06-alpha: hsla(335, 99.4%, 59.4%, 0.315);
+  --rx-crimson-07-alpha: hsla(336, 99.5%, 57.8%, 0.439);
+  --rx-crimson-08-alpha: hsla(336, 99.9%, 55.4%, 0.642);
+  --rx-crimson-09-alpha: hsla(336, 99.9%, 62.8%, 0.903);
+  --rx-crimson-10-alpha: hsla(339, 99.9%, 66.3%, 0.934);
+  --rx-crimson-11-alpha: hsla(341, 99.9%, 69.5%, 0.965);
+  --rx-crimson-12-alpha: hsla(327, 100%, 97.1%, 0.980);
+  --rx-cyan-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-cyan-02-alpha: hsla(196, 100%, 50.0%, 0.031);
+  --rx-cyan-03-alpha: hsla(192, 98.0%, 50.9%, 0.085);
+  --rx-cyan-04-alpha: hsla(194, 99.6%, 51.3%, 0.133);
+  --rx-cyan-05-alpha: hsla(192, 99.5%, 51.3%, 0.173);
+  --rx-cyan-06-alpha: hsla(193, 99.7%, 50.4%, 0.226);
+  --rx-cyan-07-alpha: hsla(192, 100%, 50.0%, 0.310);
+  --rx-cyan-08-alpha: hsla(193, 100%, 50.0%, 0.425);
+  --rx-cyan-09-alpha: hsla(190, 99.8%, 50.8%, 0.731);
+  --rx-cyan-10-alpha: hsla(188, 100%, 50.0%, 0.775);
+  --rx-cyan-11-alpha: hsla(186, 100%, 49.9%, 0.824);
+  --rx-cyan-12-alpha: hsla(185, 99.8%, 95.1%, 0.978);
+  --rx-gold-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-gold-02-alpha: hsla(40, 93.7%, 70.6%, 0.022);
+  --rx-gold-03-alpha: hsla(40, 97.5%, 80.6%, 0.065);
+  --rx-gold-04-alpha: hsla(40, 95.9%, 80.8%, 0.100);
+  --rx-gold-05-alpha: hsla(38, 97.3%, 82.1%, 0.130);
+  --rx-gold-06-alpha: hsla(39, 97.2%, 82.5%, 0.169);
+  --rx-gold-07-alpha: hsla(37, 99.3%, 82.4%, 0.246);
+  --rx-gold-08-alpha: hsla(35, 98.7%, 82.2%, 0.363);
+  --rx-gold-09-alpha: hsla(36, 99.7%, 82.8%, 0.552);
+  --rx-gold-10-alpha: hsla(35, 99.2%, 83.7%, 0.613);
+  --rx-gold-11-alpha: hsla(35, 99.3%, 85.3%, 0.725);
+  --rx-gold-12-alpha: hsla(49, 98.6%, 96.7%, 0.966);
+  --rx-grass-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-grass-02-alpha: hsla(107, 97.2%, 61.9%, 0.022);
+  --rx-grass-03-alpha: hsla(128, 96.5%, 69.8%, 0.066);
+  --rx-grass-04-alpha: hsla(130, 100%, 70.2%, 0.100);
+  --rx-grass-05-alpha: hsla(130, 98.2%, 69.1%, 0.140);
+  --rx-grass-06-alpha: hsla(132, 99.9%, 69.3%, 0.187);
+  --rx-grass-07-alpha: hsla(132, 99.9%, 69.8%, 0.261);
+  --rx-grass-08-alpha: hsla(130, 99.6%, 70.5%, 0.370);
+  --rx-grass-09-alpha: hsla(130, 99.7%, 70.6%, 0.618);
+  --rx-grass-10-alpha: hsla(131, 100%, 73.5%, 0.674);
+  --rx-grass-11-alpha: hsla(130, 99.7%, 75.6%, 0.731);
+  --rx-grass-12-alpha: hsla(137, 100%, 95.8%, 0.980);
+  --rx-gray-01-alpha: hsla(0, 0%, 100%, 0);
+  --rx-gray-02-alpha: hsla(0, 0%, 100%, 0.026);
+  --rx-gray-03-alpha: hsla(0, 0%, 100%, 0.056);
+  --rx-gray-04-alpha: hsla(0, 0%, 100%, 0.077);
+  --rx-gray-05-alpha: hsla(0, 0%, 100%, 0.103);
+  --rx-gray-06-alpha: hsla(0, 0%, 100%, 0.129);
+  --rx-gray-07-alpha: hsla(0, 0%, 100%, 0.172);
+  --rx-gray-08-alpha: hsla(0, 0%, 100%, 0.249);
+  --rx-gray-09-alpha: hsla(0, 0%, 100%, 0.386);
+  --rx-gray-10-alpha: hsla(0, 0%, 100%, 0.446);
+  --rx-gray-11-alpha: hsla(0, 0%, 100%, 0.592);
+  --rx-gray-12-alpha: hsla(0, 0%, 100%, 0.923);
+  --rx-green-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-green-02-alpha: hsla(169, 100%, 48.5%, 0.027);
+  --rx-green-03-alpha: hsla(162, 98.7%, 57.9%, 0.070);
+  --rx-green-04-alpha: hsla(158, 98.6%, 59.7%, 0.105);
+  --rx-green-05-alpha: hsla(158, 98.6%, 60.7%, 0.140);
+  --rx-green-06-alpha: hsla(156, 99.9%, 62.0%, 0.187);
+  --rx-green-07-alpha: hsla(154, 99.5%, 63.1%, 0.257);
+  --rx-green-08-alpha: hsla(152, 99.7%, 64.2%, 0.370);
+  --rx-green-09-alpha: hsla(151, 99.7%, 63.8%, 0.605);
+  --rx-green-10-alpha: hsla(152, 99.9%, 66.5%, 0.661);
+  --rx-green-11-alpha: hsla(151, 99.7%, 69.2%, 0.740);
+  --rx-green-12-alpha: hsla(137, 100%, 95.8%, 0.980);
+  --rx-indigo-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-indigo-02-alpha: hsla(234, 97.4%, 59.9%, 0.059);
+  --rx-indigo-03-alpha: hsla(228, 99.2%, 61.7%, 0.144);
+  --rx-indigo-04-alpha: hsla(227, 99.7%, 62.0%, 0.211);
+  --rx-indigo-05-alpha: hsla(227, 99.2%, 62.3%, 0.270);
+  --rx-indigo-06-alpha: hsla(226, 99.9%, 62.1%, 0.350);
+  --rx-indigo-07-alpha: hsla(226, 99.9%, 62.0%, 0.471);
+  --rx-indigo-08-alpha: hsla(226, 99.9%, 62.1%, 0.655);
+  --rx-indigo-09-alpha: hsla(226, 99.9%, 63.6%, 0.848);
+  --rx-indigo-10-alpha: hsla(227, 99.8%, 67.7%, 0.893);
+  --rx-indigo-11-alpha: hsla(227, 100%, 76.3%, 0.980);
+  --rx-indigo-12-alpha: hsla(226, 100%, 97.5%, 0.980);
+  --rx-lime-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-lime-02-alpha: hsla(75, 96.4%, 59.6%, 0.022);
+  --rx-lime-03-alpha: hsla(88, 98.0%, 70.4%, 0.061);
+  --rx-lime-04-alpha: hsla(81, 97.8%, 67.4%, 0.096);
+  --rx-lime-05-alpha: hsla(82, 98.4%, 65.6%, 0.135);
+  --rx-lime-06-alpha: hsla(79, 99.7%, 64.3%, 0.182);
+  --rx-lime-07-alpha: hsla(77, 99.1%, 62.1%, 0.252);
+  --rx-lime-08-alpha: hsla(75, 100%, 60.0%, 0.342);
+  --rx-lime-09-alpha: hsla(81, 99.8%, 59.7%, 0.819);
+  --rx-lime-10-alpha: hsla(75, 99.8%, 63.7%, 0.936);
+  --rx-lime-11-alpha: hsla(81, 99.9%, 58.7%, 0.719);
+  --rx-lime-12-alpha: hsla(83, 100%, 94.2%, 0.980);
+  --rx-mauve-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-mauve-02-alpha: hsla(240, 76.7%, 91.2%, 0.031);
+  --rx-mauve-03-alpha: hsla(240, 86.0%, 95.8%, 0.061);
+  --rx-mauve-04-alpha: hsla(240, 91.8%, 94.7%, 0.087);
+  --rx-mauve-05-alpha: hsla(240, 91.5%, 95.8%, 0.113);
+  --rx-mauve-06-alpha: hsla(240, 92.0%, 93.8%, 0.148);
+  --rx-mauve-07-alpha: hsla(240, 94.8%, 95.3%, 0.191);
+  --rx-mauve-08-alpha: hsla(249, 98.1%, 95.2%, 0.273);
+  --rx-mauve-09-alpha: hsla(248, 97.6%, 96.2%, 0.416);
+  --rx-mauve-10-alpha: hsla(248, 95.5%, 96.6%, 0.477);
+  --rx-mauve-11-alpha: hsla(250, 98.0%, 98.0%, 0.615);
+  --rx-mauve-12-alpha: hsla(240, 93.9%, 99.6%, 0.931);
+  --rx-mint-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-mint-02-alpha: hsla(180, 100%, 49.2%, 0.031);
+  --rx-mint-03-alpha: hsla(176, 100%, 49.7%, 0.070);
+  --rx-mint-04-alpha: hsla(173, 100%, 49.7%, 0.105);
+  --rx-mint-05-alpha: hsla(173, 100%, 49.8%, 0.144);
+  --rx-mint-06-alpha: hsla(172, 100%, 49.8%, 0.192);
+  --rx-mint-07-alpha: hsla(171, 100%, 49.9%, 0.266);
+  --rx-mint-08-alpha: hsla(169, 100%, 49.9%, 0.366);
+  --rx-mint-09-alpha: hsla(167, 99.8%, 75.0%, 0.870);
+  --rx-mint-10-alpha: hsla(163, 99.9%, 80.7%, 0.948);
+  --rx-mint-11-alpha: hsla(167, 99.9%, 58.7%, 0.796);
+  --rx-mint-12-alpha: hsla(169, 100%, 96.2%, 0.980);
+  --rx-olive-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-olive-02-alpha: hsla(91, 97.0%, 84.0%, 0.026);
+  --rx-olive-03-alpha: hsla(101, 87.4%, 87.7%, 0.057);
+  --rx-olive-04-alpha: hsla(92, 91.8%, 94.1%, 0.078);
+  --rx-olive-05-alpha: hsla(101, 92.6%, 93.5%, 0.104);
+  --rx-olive-06-alpha: hsla(102, 91.1%, 94.6%, 0.130);
+  --rx-olive-07-alpha: hsla(102, 92.5%, 95.9%, 0.173);
+  --rx-olive-08-alpha: hsla(107, 100%, 96.5%, 0.250);
+  --rx-olive-09-alpha: hsla(110, 98.3%, 94.1%, 0.397);
+  --rx-olive-10-alpha: hsla(109, 99.6%, 95.3%, 0.457);
+  --rx-olive-11-alpha: hsla(113, 95.3%, 97.2%, 0.600);
+  --rx-olive-12-alpha: hsla(120, 93.5%, 99.6%, 0.927);
+  --rx-orange-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-orange-02-alpha: hsla(13, 100%, 49.7%, 0.054);
+  --rx-orange-03-alpha: hsla(20, 100%, 49.7%, 0.117);
+  --rx-orange-04-alpha: hsla(23, 100%, 49.8%, 0.166);
+  --rx-orange-05-alpha: hsla(23, 99.4%, 50.1%, 0.215);
+  --rx-orange-06-alpha: hsla(23, 99.8%, 51.1%, 0.286);
+  --rx-orange-07-alpha: hsla(23, 99.7%, 50.6%, 0.389);
+  --rx-orange-08-alpha: hsla(24, 100%, 49.9%, 0.523);
+  --rx-orange-09-alpha: hsla(24, 99.9%, 51.6%, 0.965);
+  --rx-orange-10-alpha: hsla(25, 100%, 58.6%, 0.980);
+  --rx-orange-11-alpha: hsla(24, 100%, 62.4%, 0.980);
+  --rx-orange-12-alpha: hsla(26, 100%, 94.2%, 0.980);
+  --rx-pink-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-pink-02-alpha: hsla(320, 98.1%, 64.1%, 0.036);
+  --rx-pink-03-alpha: hsla(320, 99.1%, 63.1%, 0.121);
+  --rx-pink-04-alpha: hsla(320, 99.5%, 62.7%, 0.170);
+  --rx-pink-05-alpha: hsla(319, 99.7%, 61.5%, 0.219);
+  --rx-pink-06-alpha: hsla(322, 99.4%, 60.8%, 0.291);
+  --rx-pink-07-alpha: hsla(321, 99.6%, 58.7%, 0.407);
+  --rx-pink-08-alpha: hsla(322, 99.7%, 55.4%, 0.608);
+  --rx-pink-09-alpha: hsla(322, 100%, 64.6%, 0.817);
+  --rx-pink-10-alpha: hsla(323, 100%, 66.3%, 0.875);
+  --rx-pink-11-alpha: hsla(325, 99.9%, 68.6%, 0.960);
+  --rx-pink-12-alpha: hsla(314, 100%, 96.9%, 0.980);
+  --rx-plum-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-plum-02-alpha: hsla(300, 96.4%, 58.4%, 0.036);
+  --rx-plum-03-alpha: hsla(300, 99.4%, 67.1%, 0.102);
+  --rx-plum-04-alpha: hsla(295, 99.8%, 66.3%, 0.155);
+  --rx-plum-05-alpha: hsla(295, 99.4%, 67.1%, 0.204);
+  --rx-plum-06-alpha: hsla(294, 99.0%, 67.8%, 0.262);
+  --rx-plum-07-alpha: hsla(294, 99.9%, 67.7%, 0.363);
+  --rx-plum-08-alpha: hsla(292, 99.8%, 67.5%, 0.527);
+  --rx-plum-09-alpha: hsla(292, 99.9%, 69.2%, 0.695);
+  --rx-plum-10-alpha: hsla(295, 99.9%, 70.8%, 0.748);
+  --rx-plum-11-alpha: hsla(300, 99.8%, 72.9%, 0.828);
+  --rx-plum-12-alpha: hsla(300, 100%, 97.1%, 0.980);
+  --rx-purple-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-purple-02-alpha: hsla(280, 96.5%, 57.5%, 0.045);
+  --rx-purple-03-alpha: hsla(279, 98.7%, 62.8%, 0.129);
+  --rx-purple-04-alpha: hsla(279, 99.1%, 64.0%, 0.191);
+  --rx-purple-05-alpha: hsla(278, 99.8%, 64.2%, 0.248);
+  --rx-purple-06-alpha: hsla(276, 99.6%, 64.6%, 0.328);
+  --rx-purple-07-alpha: hsla(274, 99.9%, 64.6%, 0.456);
+  --rx-purple-08-alpha: hsla(272, 99.7%, 64.6%, 0.660);
+  --rx-purple-09-alpha: hsla(272, 99.9%, 69.1%, 0.748);
+  --rx-purple-10-alpha: hsla(273, 100%, 71.3%, 0.801);
+  --rx-purple-11-alpha: hsla(275, 99.9%, 75.3%, 0.934);
+  --rx-purple-12-alpha: hsla(286, 100%, 97.1%, 0.980);
+  --rx-red-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-red-02-alpha: hsla(5, 98.5%, 53.8%, 0.045);
+  --rx-red-03-alpha: hsla(359, 99.1%, 61.1%, 0.130);
+  --rx-red-04-alpha: hsla(358, 98.8%, 61.0%, 0.184);
+  --rx-red-05-alpha: hsla(357, 99.6%, 60.3%, 0.237);
+  --rx-red-06-alpha: hsla(358, 99.6%, 60.3%, 0.322);
+  --rx-red-07-alpha: hsla(357, 100%, 59.5%, 0.442);
+  --rx-red-08-alpha: hsla(358, 99.8%, 59.1%, 0.621);
+  --rx-red-09-alpha: hsla(358, 100%, 65.5%, 0.884);
+  --rx-red-10-alpha: hsla(358, 100%, 67.5%, 0.942);
+  --rx-red-11-alpha: hsla(358, 100%, 69.7%, 0.980);
+  --rx-red-12-alpha: hsla(352, 100%, 97.1%, 0.980);
+  --rx-sage-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sage-02-alpha: hsla(123, 94.4%, 91.4%, 0.026);
+  --rx-sage-03-alpha: hsla(123, 82.9%, 91.0%, 0.057);
+  --rx-sage-04-alpha: hsla(124, 97.9%, 94.5%, 0.082);
+  --rx-sage-05-alpha: hsla(125, 90.0%, 95.2%, 0.104);
+  --rx-sage-06-alpha: hsla(142, 95.1%, 94.8%, 0.134);
+  --rx-sage-07-alpha: hsla(143, 92.8%, 95.7%, 0.173);
+  --rx-sage-08-alpha: hsla(146, 94.7%, 95.3%, 0.255);
+  --rx-sage-09-alpha: hsla(151, 98.2%, 94.4%, 0.397);
+  --rx-sage-10-alpha: hsla(148, 99.5%, 95.5%, 0.457);
+  --rx-sage-11-alpha: hsla(152, 95.1%, 97.3%, 0.600);
+  --rx-sage-12-alpha: hsla(149, 93.3%, 99.6%, 0.927);
+  --rx-sand-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sand-02-alpha: hsla(60, 89.8%, 91.4%, 0.026);
+  --rx-sand-03-alpha: hsla(60, 95.5%, 92.5%, 0.056);
+  --rx-sand-04-alpha: hsla(60, 75.6%, 96.4%, 0.078);
+  --rx-sand-05-alpha: hsla(60, 81.9%, 95.2%, 0.104);
+  --rx-sand-06-alpha: hsla(41, 87.6%, 94.8%, 0.134);
+  --rx-sand-07-alpha: hsla(60, 95.4%, 96.2%, 0.172);
+  --rx-sand-08-alpha: hsla(49, 93.5%, 95.7%, 0.254);
+  --rx-sand-09-alpha: hsla(52, 97.3%, 96.2%, 0.391);
+  --rx-sand-10-alpha: hsla(52, 97.8%, 96.7%, 0.451);
+  --rx-sand-11-alpha: hsla(51, 97.0%, 97.8%, 0.597);
+  --rx-sand-12-alpha: hsla(60, 88.7%, 99.8%, 0.923);
+  --rx-sky-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-sky-02-alpha: hsla(208, 100%, 49.8%, 0.045);
+  --rx-sky-03-alpha: hsla(201, 100%, 49.8%, 0.099);
+  --rx-sky-04-alpha: hsla(201, 100%, 50.0%, 0.148);
+  --rx-sky-05-alpha: hsla(200, 100%, 49.8%, 0.198);
+  --rx-sky-06-alpha: hsla(199, 100%, 49.9%, 0.256);
+  --rx-sky-07-alpha: hsla(199, 100%, 49.9%, 0.337);
+  --rx-sky-08-alpha: hsla(199, 100%, 50.0%, 0.453);
+  --rx-sky-09-alpha: hsla(192, 100%, 70.8%, 0.980);
+  --rx-sky-10-alpha: hsla(190, 100%, 77.6%, 0.980);
+  --rx-sky-11-alpha: hsla(192, 99.9%, 59.6%, 0.924);
+  --rx-sky-12-alpha: hsla(189, 100%, 96.8%, 0.980);
+  --rx-slate-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-slate-02-alpha: hsla(181, 98.9%, 91.8%, 0.026);
+  --rx-slate-03-alpha: hsla(182, 86.7%, 91.4%, 0.057);
+  --rx-slate-04-alpha: hsla(209, 86.7%, 93.9%, 0.083);
+  --rx-slate-05-alpha: hsla(200, 90.3%, 93.4%, 0.109);
+  --rx-slate-06-alpha: hsla(209, 95.3%, 93.5%, 0.139);
+  --rx-slate-07-alpha: hsla(204, 98.5%, 93.9%, 0.182);
+  --rx-slate-08-alpha: hsla(209, 94.0%, 94.7%, 0.265);
+  --rx-slate-09-alpha: hsla(207, 97.3%, 94.0%, 0.412);
+  --rx-slate-10-alpha: hsla(209, 99.4%, 95.2%, 0.472);
+  --rx-slate-11-alpha: hsla(208, 98.7%, 96.8%, 0.615);
+  --rx-slate-12-alpha: hsla(211, 86.7%, 99.6%, 0.927);
+  --rx-teal-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-teal-02-alpha: hsla(171, 100%, 49.2%, 0.031);
+  --rx-teal-03-alpha: hsla(172, 100%, 49.7%, 0.070);
+  --rx-teal-04-alpha: hsla(175, 100%, 49.7%, 0.105);
+  --rx-teal-05-alpha: hsla(174, 98.9%, 50.1%, 0.140);
+  --rx-teal-06-alpha: hsla(174, 100%, 51.8%, 0.187);
+  --rx-teal-07-alpha: hsla(173, 99.6%, 53.2%, 0.257);
+  --rx-teal-08-alpha: hsla(174, 99.6%, 53.3%, 0.366);
+  --rx-teal-09-alpha: hsla(173, 99.9%, 54.6%, 0.609);
+  --rx-teal-10-alpha: hsla(174, 99.9%, 53.8%, 0.670);
+  --rx-teal-11-alpha: hsla(174, 100%, 52.0%, 0.748);
+  --rx-teal-12-alpha: hsla(166, 98.6%, 95.0%, 0.979);
+  --rx-tomato-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-tomato-02-alpha: hsla(5, 100%, 49.6%, 0.058);
+  --rx-tomato-03-alpha: hsla(6, 99.6%, 54.9%, 0.133);
+  --rx-tomato-04-alpha: hsla(6, 99.2%, 55.4%, 0.191);
+  --rx-tomato-05-alpha: hsla(6, 99.5%, 55.8%, 0.244);
+  --rx-tomato-06-alpha: hsla(7, 99.7%, 55.9%, 0.319);
+  --rx-tomato-07-alpha: hsla(8, 99.8%, 54.8%, 0.434);
+  --rx-tomato-08-alpha: hsla(10, 99.8%, 53.5%, 0.598);
+  --rx-tomato-09-alpha: hsla(10, 100%, 59.7%, 0.885);
+  --rx-tomato-10-alpha: hsla(10, 100%, 63.6%, 0.916);
+  --rx-tomato-11-alpha: hsla(10, 99.7%, 66.4%, 0.939);
+  --rx-tomato-12-alpha: hsla(12, 100%, 97.1%, 0.980);
+  --rx-violet-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-violet-02-alpha: hsla(258, 98.2%, 61.0%, 0.054);
+  --rx-violet-03-alpha: hsla(252, 98.8%, 65.8%, 0.148);
+  --rx-violet-04-alpha: hsla(253, 99.7%, 65.7%, 0.219);
+  --rx-violet-05-alpha: hsla(252, 99.7%, 66.4%, 0.286);
+  --rx-violet-06-alpha: hsla(251, 99.7%, 66.2%, 0.371);
+  --rx-violet-07-alpha: hsla(250, 99.7%, 66.3%, 0.514);
+  --rx-violet-08-alpha: hsla(250, 99.7%, 66.1%, 0.733);
+  --rx-violet-09-alpha: hsla(252, 99.9%, 70.3%, 0.786);
+  --rx-violet-10-alpha: hsla(251, 99.9%, 72.9%, 0.844);
+  --rx-violet-11-alpha: hsla(250, 100%, 77.9%, 0.980);
+  --rx-violet-12-alpha: hsla(254, 100%, 97.5%, 0.980);
+  --rx-yellow-01-alpha: hsla(0, 0%, 0%, 0);
+  --rx-yellow-02-alpha: hsla(49, 100%, 49.1%, 0.027);
+  --rx-yellow-03-alpha: hsla(45, 100%, 49.7%, 0.071);
+  --rx-yellow-04-alpha: hsla(46, 100%, 49.7%, 0.111);
+  --rx-yellow-05-alpha: hsla(47, 100%, 49.9%, 0.150);
+  --rx-yellow-06-alpha: hsla(51, 100%, 49.8%, 0.199);
+  --rx-yellow-07-alpha: hsla(51, 99.8%, 53.6%, 0.269);
+  --rx-yellow-08-alpha: hsla(51, 100%, 49.9%, 0.371);
+  --rx-yellow-09-alpha: hsla(53, 100%, 52.0%, 0.956);
+  --rx-yellow-10-alpha: hsla(56, 100%, 68.4%, 0.980);
+  --rx-yellow-11-alpha: hsla(48, 100%, 50.0%, 0.934);
+  --rx-yellow-12-alpha: hsla(60, 100%, 91.8%, 0.980);
+}

+ 1530 - 0
src/main/frontend/colors.cljs

@@ -0,0 +1,1530 @@
+(ns frontend.colors
+  (:require 
+    [clojure.string :as str]))
+
+(def radix {:lime
+            {:lime-4 "hsl(84, 75.3%, 87.5%)",
+             :lime-1 "hsl(85, 50.0%, 98.7%)",
+             :lime-10 "hsl(80, 68.3%, 46.9%)",
+             :lime-12 "hsl(78, 70.0%, 11.5%)",
+             :lime-5 "hsl(84, 71.5%, 81.9%)",
+             :lime-7 "hsl(79, 53.2%, 61.8%)",
+             :lime-2 "hsl(85, 66.7%, 96.5%)",
+             :lime-8 "hsl(76, 61.7%, 45.1%)",
+             :lime-6 "hsl(82, 65.0%, 74.6%)",
+             :lime-11 "hsl(75, 80.0%, 26.0%)",
+             :lime-3 "hsl(85, 76.0%, 92.3%)",
+             :lime-9 "hsl(81, 67.0%, 50.0%)"},
+            :lime-dark-alpha
+            {:lime-alpha-3 "hsla(88, 98.0%, 70.4%, 0.061)",
+             :lime-alpha-4 "hsla(81, 97.8%, 67.4%, 0.096)",
+             :lime-alpha-8 "hsla(75, 100%, 60.0%, 0.342)",
+             :lime-alpha-9 "hsla(81, 99.8%, 59.7%, 0.819)",
+             :lime-alpha-5 "hsla(82, 98.4%, 65.6%, 0.135)",
+             :lime-alpha-12 "hsla(83, 100%, 94.2%, 0.980)",
+             :lime-alpha-10 "hsla(75, 99.8%, 63.7%, 0.936)",
+             :lime-alpha-7 "hsla(77, 99.1%, 62.1%, 0.252)",
+             :lime-alpha-6 "hsla(79, 99.7%, 64.3%, 0.182)",
+             :lime-alpha-2 "hsla(75, 96.4%, 59.6%, 0.022)",
+             :lime-alpha-11 "hsla(81, 99.9%, 58.7%, 0.719)",
+             :lime-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :violet-dark-alpha
+            {:violet-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :violet-alpha-7 "hsla(250, 99.7%, 66.3%, 0.514)",
+             :violet-alpha-3 "hsla(252, 98.8%, 65.8%, 0.148)",
+             :violet-alpha-10 "hsla(251, 99.9%, 72.9%, 0.844)",
+             :violet-alpha-5 "hsla(252, 99.7%, 66.4%, 0.286)",
+             :violet-alpha-8 "hsla(250, 99.7%, 66.1%, 0.733)",
+             :violet-alpha-11 "hsla(250, 100%, 77.9%, 0.980)",
+             :violet-alpha-9 "hsla(252, 99.9%, 70.3%, 0.786)",
+             :violet-alpha-6 "hsla(251, 99.7%, 66.2%, 0.371)",
+             :violet-alpha-2 "hsla(258, 98.2%, 61.0%, 0.054)",
+             :violet-alpha-4 "hsla(253, 99.7%, 65.7%, 0.219)",
+             :violet-alpha-12 "hsla(254, 100%, 97.5%, 0.980)"},
+            :orange
+            {:orange-1 "hsl(24, 70.0%, 99.0%)",
+             :orange-6 "hsl(25, 100%, 82.8%)",
+             :orange-8 "hsl(24, 94.5%, 64.3%)",
+             :orange-11 "hsl(24, 100%, 37.0%)",
+             :orange-10 "hsl(24, 100%, 46.5%)",
+             :orange-7 "hsl(24, 100%, 75.3%)",
+             :orange-2 "hsl(24, 83.3%, 97.6%)",
+             :orange-12 "hsl(15, 60.0%, 17.0%)",
+             :orange-5 "hsl(25, 100%, 88.2%)",
+             :orange-4 "hsl(25, 100%, 92.2%)",
+             :orange-3 "hsl(24, 100%, 95.3%)",
+             :orange-9 "hsl(24, 94.0%, 50.0%)"},
+            :violet-dark
+            {:violet-9 "hsl(252, 56.0%, 57.5%)",
+             :violet-7 "hsl(250, 46.8%, 38.9%)",
+             :violet-8 "hsl(250, 51.8%, 51.2%)",
+             :violet-3 "hsl(253, 37.0%, 18.4%)",
+             :violet-5 "hsl(252, 42.2%, 26.2%)",
+             :violet-2 "hsl(255, 30.3%, 12.9%)",
+             :violet-12 "hsl(252, 87.0%, 96.4%)",
+             :violet-1 "hsl(250, 20.0%, 10.2%)",
+             :violet-10 "hsl(251, 63.2%, 63.2%)",
+             :violet-6 "hsl(251, 44.3%, 31.1%)",
+             :violet-4 "hsl(252, 40.1%, 22.5%)",
+             :violet-11 "hsl(250, 95.0%, 76.8%)"},
+            :amber-alpha
+            {:amber-alpha-10 "hsla(35, 100%, 50.0%, 0.891)",
+             :amber-alpha-8 "hsla(35, 99.8%, 46.0%, 0.832)",
+             :amber-alpha-2 "hsla(40, 100%, 50.3%, 0.071)",
+             :amber-alpha-3 "hsla(44, 100%, 50.1%, 0.165)",
+             :amber-alpha-7 "hsla(36, 99.9%, 46.2%, 0.612)",
+             :amber-alpha-12 "hsla(20, 99.8%, 14.1%, 0.965)",
+             :amber-alpha-9 "hsla(39, 100%, 50.0%, 0.859)",
+             :amber-alpha-4 "hsla(43, 100%, 50.0%, 0.263)",
+             :amber-alpha-6 "hsla(38, 100%, 50.1%, 0.475)",
+             :amber-alpha-11 "hsla(29, 100%, 33.6%, 0.980)",
+             :amber-alpha-5 "hsla(42, 100%, 50.0%, 0.365)",
+             :amber-alpha-1 "hsla(40, 94.9%, 38.7%, 0.016)"},
+            :bronze-dark
+            {:bronze-11 "hsl(18, 35.0%, 68.5%)",
+             :bronze-3 "hsl(15, 16.3%, 14.3%)",
+             :bronze-6 "hsl(16, 18.1%, 22.9%)",
+             :bronze-10 "hsl(18, 24.0%, 59.0%)",
+             :bronze-4 "hsl(16, 17.1%, 17.2%)",
+             :bronze-5 "hsl(16, 17.6%, 19.6%)",
+             :bronze-1 "hsl(17, 10.0%, 8.8%)",
+             :bronze-7 "hsl(17, 18.8%, 28.8%)",
+             :bronze-9 "hsl(17, 20.0%, 54.0%)",
+             :bronze-2 "hsl(15, 14.8%, 10.6%)",
+             :bronze-12 "hsl(18, 57.0%, 94.1%)",
+             :bronze-8 "hsl(17, 19.6%, 38.0%)"},
+            :teal-dark-alpha
+            {:teal-alpha-7 "hsla(173, 99.6%, 53.2%, 0.257)",
+             :teal-alpha-6 "hsla(174, 100%, 51.8%, 0.187)",
+             :teal-alpha-10 "hsla(174, 99.9%, 53.8%, 0.670)",
+             :teal-alpha-12 "hsla(166, 98.6%, 95.0%, 0.979)",
+             :teal-alpha-5 "hsla(174, 98.9%, 50.1%, 0.140)",
+             :teal-alpha-4 "hsla(175, 100%, 49.7%, 0.105)",
+             :teal-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :teal-alpha-8 "hsla(174, 99.6%, 53.3%, 0.366)",
+             :teal-alpha-9 "hsla(173, 99.9%, 54.6%, 0.609)",
+             :teal-alpha-2 "hsla(171, 100%, 49.2%, 0.031)",
+             :teal-alpha-11 "hsla(174, 100%, 52.0%, 0.748)",
+             :teal-alpha-3 "hsla(172, 100%, 49.7%, 0.070)"},
+            :mint-dark
+            {:mint-2 "hsl(176, 73.0%, 7.3%)",
+             :mint-12 "hsl(165, 80.0%, 94.8%)",
+             :mint-9 "hsl(167, 65.0%, 66.0%)",
+             :mint-11 "hsl(167, 70.0%, 48.0%)",
+             :mint-3 "hsl(175, 79.3%, 8.9%)",
+             :mint-7 "hsl(172, 100%, 16.8%)",
+             :mint-6 "hsl(173, 96.0%, 13.8%)",
+             :mint-8 "hsl(170, 100%, 21.4%)",
+             :mint-5 "hsl(174, 90.2%, 11.9%)",
+             :mint-1 "hsl(173, 50.0%, 6.6%)",
+             :mint-10 "hsl(163, 80.0%, 77.0%)",
+             :mint-4 "hsl(174, 84.8%, 10.3%)"},
+            :brown-alpha
+            {:brown-alpha-12 "hsla(21, 99.4%, 6.6%, 0.867)",
+             :brown-alpha-7 "hsla(29, 99.8%, 33.8%, 0.412)",
+             :brown-alpha-3 "hsla(30, 97.7%, 33.9%, 0.083)",
+             :brown-alpha-1 "hsla(30, 94.3%, 34.6%, 0.012)",
+             :brown-alpha-4 "hsla(31, 98.5%, 34.2%, 0.134)",
+             :brown-alpha-11 "hsla(25, 99.8%, 17.3%, 0.714)",
+             :brown-alpha-10 "hsla(27, 99.7%, 22.4%, 0.675)",
+             :brown-alpha-5 "hsla(29, 100%, 34.3%, 0.200)",
+             :brown-alpha-8 "hsla(28, 100%, 33.3%, 0.553)",
+             :brown-alpha-6 "hsla(28, 99.2%, 34.6%, 0.291)",
+             :brown-alpha-9 "hsla(28, 99.9%, 25.5%, 0.655)",
+             :brown-alpha-2 "hsla(30, 94.3%, 34.6%, 0.036)"},
+            :pink-alpha
+            {:pink-alpha-3 "hsla(323, 98.9%, 47.3%, 0.067)",
+             :pink-alpha-9 "hsla(322, 99.7%, 39.3%, 0.750)",
+             :pink-alpha-6 "hsla(323, 99.5%, 39.6%, 0.224)",
+             :pink-alpha-5 "hsla(324, 99.9%, 42.3%, 0.153)",
+             :pink-alpha-11 "hsla(322, 99.8%, 39.0%, 0.887)",
+             :pink-alpha-2 "hsla(323, 100%, 51.0%, 0.032)",
+             :pink-alpha-10 "hsla(322, 100%, 39.1%, 0.808)",
+             :pink-alpha-1 "hsla(320, 100%, 51.0%, 0.012)",
+             :pink-alpha-8 "hsla(323, 99.5%, 37.7%, 0.444)",
+             :pink-alpha-7 "hsla(323, 99.7%, 38.5%, 0.322)",
+             :pink-alpha-12 "hsla(321, 99.8%, 10.0%, 0.961)",
+             :pink-alpha-4 "hsla(323, 99.9%, 44.3%, 0.102)"},
+            :gray
+            {:gray-8 "hsl(0, 0%, 78.0%)",
+             :gray-12 "hsl(0, 0%, 9.0%)",
+             :gray-4 "hsl(0, 0%, 93.0%)",
+             :gray-3 "hsl(0, 0%, 95.1%)",
+             :gray-1 "hsl(0, 0%, 99.0%)",
+             :gray-2 "hsl(0, 0%, 97.3%)",
+             :gray-11 "hsl(0, 0%, 43.5%)",
+             :gray-5 "hsl(0, 0%, 90.9%)",
+             :gray-7 "hsl(0, 0%, 85.8%)",
+             :gray-9 "hsl(0, 0%, 56.1%)",
+             :gray-10 "hsl(0, 0%, 52.3%)",
+             :gray-6 "hsl(0, 0%, 88.7%)"},
+            :amber-dark
+            {:amber-10 "hsl(43, 100%, 64.0%)",
+             :amber-1 "hsl(36, 100%, 6.1%)",
+             :amber-9 "hsl(39, 100%, 57.0%)",
+             :amber-7 "hsl(35, 91.0%, 21.6%)",
+             :amber-6 "hsl(35, 100%, 17.1%)",
+             :amber-3 "hsl(32, 100%, 10.2%)",
+             :amber-5 "hsl(33, 100%, 14.6%)",
+             :amber-4 "hsl(32, 100%, 12.4%)",
+             :amber-12 "hsl(39, 97.0%, 93.2%)",
+             :amber-11 "hsl(39, 90.0%, 49.8%)",
+             :amber-2 "hsl(35, 100%, 7.6%)",
+             :amber-8 "hsl(36, 100%, 25.5%)"},
+            :pink-dark
+            {:pink-6 "hsl(321, 53.6%, 24.4%)",
+             :pink-5 "hsl(320, 49.0%, 21.1%)",
+             :pink-10 "hsl(323, 72.8%, 59.2%)",
+             :pink-12 "hsl(322, 90.0%, 95.8%)",
+             :pink-9 "hsl(322, 65.0%, 54.5%)",
+             :pink-1 "hsl(318, 25.0%, 9.6%)",
+             :pink-3 "hsl(319, 41.0%, 16.0%)",
+             :pink-8 "hsl(322, 74.9%, 37.5%)",
+             :pink-2 "hsl(319, 32.2%, 11.6%)",
+             :pink-4 "hsl(320, 45.4%, 18.7%)",
+             :pink-7 "hsl(321, 61.1%, 29.7%)",
+             :pink-11 "hsl(325, 90.0%, 66.4%)"},
+            :brown-dark
+            {:brown-1 "hsl(22, 15.0%, 8.7%)",
+             :brown-5 "hsl(22, 28.7%, 18.9%)",
+             :brown-6 "hsl(23, 29.0%, 22.3%)",
+             :brown-10 "hsl(28, 41.4%, 55.8%)",
+             :brown-11 "hsl(28, 60.0%, 64.5%)",
+             :brown-8 "hsl(27, 30.1%, 35.9%)",
+             :brown-9 "hsl(28, 34.0%, 51.0%)",
+             :brown-2 "hsl(20, 28.3%, 10.4%)",
+             :brown-12 "hsl(30, 67.0%, 94.0%)",
+             :brown-7 "hsl(25, 29.5%, 27.8%)",
+             :brown-3 "hsl(20, 28.0%, 14.0%)",
+             :brown-4 "hsl(21, 28.4%, 16.5%)"},
+            :sand
+            {:sand-10 "hsl(55, 1.7%, 51.9%)",
+             :sand-3 "hsl(59, 6.5%, 95.1%)",
+             :sand-12 "hsl(50, 6.0%, 10.0%)",
+             :sand-2 "hsl(60, 7.7%, 97.5%)",
+             :sand-11 "hsl(50, 2.0%, 43.1%)",
+             :sand-7 "hsl(55, 5.9%, 85.2%)",
+             :sand-9 "hsl(50, 2.0%, 55.7%)",
+             :sand-6 "hsl(56, 5.9%, 88.4%)",
+             :sand-4 "hsl(58, 6.1%, 92.9%)",
+             :sand-1 "hsl(50, 20.0%, 99.0%)",
+             :sand-8 "hsl(51, 6.0%, 77.1%)",
+             :sand-5 "hsl(57, 6.0%, 90.7%)"},
+            :tomato-alpha
+            {:tomato-alpha-10 "hsla(10, 100%, 41.8%, 0.859)",
+             :tomato-alpha-2 "hsla(8, 100%, 51.0%, 0.032)",
+             :tomato-alpha-4 "hsla(8, 100%, 50.1%, 0.114)",
+             :tomato-alpha-1 "hsla(0, 100%, 51.0%, 0.012)",
+             :tomato-alpha-11 "hsla(10, 99.9%, 38.8%, 0.922)",
+             :tomato-alpha-6 "hsla(9, 99.9%, 46.2%, 0.255)",
+             :tomato-alpha-9 "hsla(10, 99.9%, 43.8%, 0.820)",
+             :tomato-alpha-12 "hsla(10, 99.0%, 7.4%, 0.934)",
+             :tomato-alpha-3 "hsla(7, 100%, 50.2%, 0.067)",
+             :tomato-alpha-8 "hsla(10, 99.5%, 41.8%, 0.499)",
+             :tomato-alpha-7 "hsla(10, 99.8%, 43.6%, 0.365)",
+             :tomato-alpha-5 "hsla(7, 99.5%, 47.9%, 0.173)"},
+            :indigo-alpha
+            {:indigo-alpha-10 "hsla(226, 99.8%, 37.1%, 0.773)",
+             :indigo-alpha-1 "hsla(240, 92.6%, 26.5%, 0.008)",
+             :indigo-alpha-12 "hsla(226, 99.3%, 11.4%, 0.938)",
+             :indigo-alpha-5 "hsla(225, 98.6%, 46.4%, 0.150)",
+             :indigo-alpha-9 "hsla(226, 100%, 41.2%, 0.757)",
+             :indigo-alpha-8 "hsla(226, 99.5%, 43.1%, 0.448)",
+             :indigo-alpha-6 "hsla(224, 99.5%, 44.9%, 0.224)",
+             :indigo-alpha-3 "hsla(224, 100%, 50.1%, 0.059)",
+             :indigo-alpha-11 "hsla(226, 99.6%, 31.1%, 0.797)",
+             :indigo-alpha-4 "hsla(223, 98.0%, 48.5%, 0.099)",
+             :indigo-alpha-2 "hsla(223, 100%, 51.0%, 0.028)",
+             :indigo-alpha-7 "hsla(225, 99.7%, 43.9%, 0.318)"},
+            :green-dark
+            {:green-1 "hsl(146, 30.0%, 7.4%)",
+             :green-7 "hsl(153, 51.8%, 21.8%)",
+             :green-3 "hsl(155, 46.7%, 10.9%)",
+             :green-11 "hsl(151, 50.0%, 53.2%)",
+             :green-12 "hsl(137, 72.0%, 94.0%)",
+             :green-8 "hsl(151, 51.7%, 28.4%)",
+             :green-4 "hsl(154, 48.4%, 12.9%)",
+             :green-10 "hsl(151, 49.3%, 46.5%)",
+             :green-6 "hsl(154, 50.9%, 17.6%)",
+             :green-5 "hsl(154, 49.7%, 14.9%)",
+             :green-2 "hsl(155, 44.2%, 8.4%)",
+             :green-9 "hsl(151, 55.0%, 41.5%)"},
+            :violet-alpha
+            {:violet-alpha-1 "hsla(270, 94.3%, 34.6%, 0.012)",
+             :violet-alpha-7 "hsla(252, 99.5%, 41.7%, 0.279)",
+             :violet-alpha-3 "hsla(254, 100%, 50.0%, 0.051)",
+             :violet-alpha-10 "hsla(251, 99.6%, 32.5%, 0.691)",
+             :violet-alpha-5 "hsla(252, 99.0%, 45.7%, 0.130)",
+             :violet-alpha-8 "hsla(252, 100%, 40.7%, 0.400)",
+             :violet-alpha-11 "hsla(250, 99.8%, 28.4%, 0.726)",
+             :violet-alpha-9 "hsla(252, 99.9%, 35.8%, 0.663)",
+             :violet-alpha-6 "hsla(251, 99.1%, 44.0%, 0.189)",
+             :violet-alpha-2 "hsla(252, 100%, 51.0%, 0.020)",
+             :violet-alpha-4 "hsla(251, 98.3%, 48.2%, 0.087)",
+             :violet-alpha-12 "hsla(254, 99.5%, 11.9%, 0.926)"},
+            :crimson-dark
+            {:crimson-3 "hsl(335, 42.5%, 16.5%)",
+             :crimson-7 "hsl(336, 62.9%, 30.8%)",
+             :crimson-11 "hsl(341, 90.0%, 67.3%)",
+             :crimson-10 "hsl(339, 84.1%, 62.6%)",
+             :crimson-6 "hsl(335, 55.7%, 25.3%)",
+             :crimson-5 "hsl(335, 50.9%, 21.8%)",
+             :crimson-12 "hsl(332, 87.0%, 96.0%)",
+             :crimson-8 "hsl(336, 74.9%, 39.0%)",
+             :crimson-9 "hsl(336, 80.0%, 57.8%)",
+             :crimson-1 "hsl(335, 20.0%, 9.6%)",
+             :crimson-4 "hsl(335, 47.2%, 19.3%)",
+             :crimson-2 "hsl(335, 32.2%, 11.6%)"},
+            :crimson
+            {:crimson-3 "hsl(331, 85.6%, 96.6%)",
+             :crimson-7 "hsl(335, 63.5%, 80.4%)",
+             :crimson-11 "hsl(336, 75.0%, 47.2%)",
+             :crimson-10 "hsl(336, 73.7%, 53.5%)",
+             :crimson-6 "hsl(333, 67.0%, 86.7%)",
+             :crimson-5 "hsl(332, 72.1%, 91.1%)",
+             :crimson-12 "hsl(340, 65.0%, 14.5%)",
+             :crimson-8 "hsl(336, 62.3%, 72.9%)",
+             :crimson-9 "hsl(336, 80.0%, 57.8%)",
+             :crimson-1 "hsl(332, 100%, 99.4%)",
+             :crimson-4 "hsl(331, 78.1%, 94.2%)",
+             :crimson-2 "hsl(330, 100%, 98.4%)"},
+            :gray-dark-alpha
+            {:gray-alpha-10 "hsla(0, 0%, 100%, 0.446)",
+             :gray-alpha-12 "hsla(0, 0%, 100%, 0.923)",
+             :gray-alpha-3 "hsla(0, 0%, 100%, 0.056)",
+             :gray-alpha-4 "hsla(0, 0%, 100%, 0.077)",
+             :gray-alpha-5 "hsla(0, 0%, 100%, 0.103)",
+             :gray-alpha-8 "hsla(0, 0%, 100%, 0.249)",
+             :gray-alpha-11 "hsla(0, 0%, 100%, 0.592)",
+             :gray-alpha-2 "hsla(0, 0%, 100%, 0.026)",
+             :gray-alpha-6 "hsla(0, 0%, 100%, 0.129)",
+             :gray-alpha-9 "hsla(0, 0%, 100%, 0.386)",
+             :gray-alpha-1 "hsla(0, 0%, 100%, 0)",
+             :gray-alpha-7 "hsla(0, 0%, 100%, 0.172)"},
+            :amber-dark-alpha
+            {:amber-alpha-10 "hsla(44, 100%, 64.2%, 0.980)",
+             :amber-alpha-8 "hsla(36, 100%, 50.0%, 0.442)",
+             :amber-alpha-2 "hsla(31, 100%, 49.7%, 0.036)",
+             :amber-alpha-3 "hsla(27, 100%, 49.9%, 0.094)",
+             :amber-alpha-7 "hsla(34, 99.6%, 52.9%, 0.331)",
+             :amber-alpha-12 "hsla(45, 100%, 94.2%, 0.980)",
+             :amber-alpha-9 "hsla(40, 100%, 57.2%, 0.980)",
+             :amber-alpha-4 "hsla(29, 100%, 50.0%, 0.143)",
+             :amber-alpha-6 "hsla(35, 100%, 50.0%, 0.250)",
+             :amber-alpha-11 "hsla(39, 99.9%, 52.7%, 0.938)",
+             :amber-alpha-5 "hsla(31, 100%, 50.0%, 0.192)",
+             :amber-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :plum-dark
+            {:plum-9 "hsl(292, 45.0%, 51.0%)",
+             :plum-10 "hsl(295, 50.0%, 55.4%)",
+             :plum-4 "hsl(297, 36.8%, 18.3%)",
+             :plum-8 "hsl(292, 45.1%, 40.0%)",
+             :plum-1 "hsl(301, 20.0%, 9.4%)",
+             :plum-11 "hsl(300, 60.0%, 62.0%)",
+             :plum-2 "hsl(300, 29.8%, 11.2%)",
+             :plum-7 "hsl(294, 42.7%, 30.6%)",
+             :plum-12 "hsl(296, 74.0%, 95.7%)",
+             :plum-6 "hsl(295, 40.4%, 24.7%)",
+             :plum-5 "hsl(296, 38.5%, 21.1%)",
+             :plum-3 "hsl(298, 34.4%, 15.3%)"},
+            :yellow
+            {:yellow-8 "hsl(48, 100%, 46.1%)",
+             :yellow-7 "hsl(47, 80.4%, 68.0%)",
+             :yellow-9 "hsl(53, 92.0%, 50.0%)",
+             :yellow-12 "hsl(40, 55.0%, 13.5%)",
+             :yellow-3 "hsl(55, 100%, 90.9%)",
+             :yellow-1 "hsl(60, 54.0%, 98.5%)",
+             :yellow-6 "hsl(50, 89.4%, 76.1%)",
+             :yellow-2 "hsl(52, 100%, 95.5%)",
+             :yellow-4 "hsl(54, 100%, 86.6%)",
+             :yellow-10 "hsl(50, 100%, 48.5%)",
+             :yellow-11 "hsl(42, 100%, 29.0%)",
+             :yellow-5 "hsl(52, 97.9%, 82.0%)"},
+            :yellow-alpha
+            {:yellow-alpha-8 "hsla(48, 100%, 46.0%, 0.980)",
+             :yellow-alpha-7 "hsla(47, 99.8%, 44.6%, 0.577)",
+             :yellow-alpha-9 "hsla(53, 100%, 48.0%, 0.961)",
+             :yellow-alpha-6 "hsla(50, 100%, 47.4%, 0.451)",
+             :yellow-alpha-4 "hsla(54, 100%, 50.1%, 0.267)",
+             :yellow-alpha-1 "hsla(60, 94.3%, 34.6%, 0.024)",
+             :yellow-alpha-12 "hsla(41, 98.9%, 8.0%, 0.942)",
+             :yellow-alpha-10 "hsla(50, 100%, 48.4%, 0.980)",
+             :yellow-alpha-11 "hsla(42, 100%, 28.6%, 0.980)",
+             :yellow-alpha-2 "hsla(52, 100%, 50.4%, 0.091)",
+             :yellow-alpha-5 "hsla(52, 99.9%, 49.5%, 0.357)",
+             :yellow-alpha-3 "hsla(55, 100%, 50.2%, 0.181)"},
+            :sky-dark-alpha
+            {:sky-alpha-8 "hsla(199, 100%, 50.0%, 0.453)",
+             :sky-alpha-10 "hsla(190, 100%, 77.6%, 0.980)",
+             :sky-alpha-5 "hsla(200, 100%, 49.8%, 0.198)",
+             :sky-alpha-11 "hsla(192, 99.9%, 59.6%, 0.924)",
+             :sky-alpha-6 "hsla(199, 100%, 49.9%, 0.256)",
+             :sky-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :sky-alpha-12 "hsla(189, 100%, 96.8%, 0.980)",
+             :sky-alpha-7 "hsla(199, 100%, 49.9%, 0.337)",
+             :sky-alpha-2 "hsla(208, 100%, 49.8%, 0.045)",
+             :sky-alpha-3 "hsla(201, 100%, 49.8%, 0.099)",
+             :sky-alpha-9 "hsla(192, 100%, 70.8%, 0.980)",
+             :sky-alpha-4 "hsla(201, 100%, 50.0%, 0.148)"},
+            :blue-dark
+            {:blue-8 "hsl(211, 89.7%, 34.1%)",
+             :blue-6 "hsl(212, 77.4%, 23.1%)",
+             :blue-12 "hsl(206, 98.0%, 95.8%)",
+             :blue-5 "hsl(213, 71.2%, 20.2%)",
+             :blue-4 "hsl(214, 65.8%, 17.9%)",
+             :blue-10 "hsl(209, 100%, 60.6%)",
+             :blue-3 "hsl(214, 59.4%, 15.3%)",
+             :blue-9 "hsl(206, 100%, 50.0%)",
+             :blue-7 "hsl(211, 85.1%, 27.4%)",
+             :blue-11 "hsl(210, 100%, 66.1%)",
+             :blue-1 "hsl(212, 35.0%, 9.2%)",
+             :blue-2 "hsl(216, 50.0%, 11.8%)"},
+            :grass-alpha
+            {:grass-alpha-11 "hsla(133, 99.5%, 19.5%, 0.840)",
+             :grass-alpha-7 "hsla(125, 99.9%, 27.0%, 0.408)",
+             :grass-alpha-4 "hsla(120, 98.7%, 31.5%, 0.126)",
+             :grass-alpha-6 "hsla(125, 99.2%, 27.9%, 0.283)",
+             :grass-alpha-8 "hsla(131, 100%, 27.6%, 0.604)",
+             :grass-alpha-2 "hsla(120, 94.9%, 38.7%, 0.048)",
+             :grass-alpha-10 "hsla(132, 99.9%, 24.0%, 0.761)",
+             :grass-alpha-5 "hsla(122, 98.5%, 29.9%, 0.193)",
+             :grass-alpha-3 "hsla(120, 98.0%, 35.5%, 0.079)",
+             :grass-alpha-9 "hsla(131, 99.7%, 26.3%, 0.726)",
+             :grass-alpha-1 "hsla(120, 94.9%, 38.7%, 0.016)",
+             :grass-alpha-12 "hsla(128, 98.0%, 4.9%, 0.895)"},
+            :purple-dark-alpha
+            {:purple-alpha-2 "hsla(280, 96.5%, 57.5%, 0.045)",
+             :purple-alpha-5 "hsla(278, 99.8%, 64.2%, 0.248)",
+             :purple-alpha-12 "hsla(286, 100%, 97.1%, 0.980)",
+             :purple-alpha-10 "hsla(273, 100%, 71.3%, 0.801)",
+             :purple-alpha-9 "hsla(272, 99.9%, 69.1%, 0.748)",
+             :purple-alpha-7 "hsla(274, 99.9%, 64.6%, 0.456)",
+             :purple-alpha-6 "hsla(276, 99.6%, 64.6%, 0.328)",
+             :purple-alpha-8 "hsla(272, 99.7%, 64.6%, 0.660)",
+             :purple-alpha-4 "hsla(279, 99.1%, 64.0%, 0.191)",
+             :purple-alpha-11 "hsla(275, 99.9%, 75.3%, 0.934)",
+             :purple-alpha-3 "hsla(279, 98.7%, 62.8%, 0.129)",
+             :purple-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :sky-alpha
+            {:sky-alpha-8 "hsla(193, 99.9%, 43.8%, 0.820)",
+             :sky-alpha-10 "hsla(193, 99.8%, 46.6%, 0.628)",
+             :sky-alpha-5 "hsla(194, 99.2%, 45.4%, 0.244)",
+             :sky-alpha-11 "hsla(196, 100%, 31.2%, 0.980)",
+             :sky-alpha-6 "hsla(194, 99.9%, 42.3%, 0.357)",
+             :sky-alpha-1 "hsla(190, 100%, 51.0%, 0.024)",
+             :sky-alpha-12 "hsla(196, 100%, 12.2%, 0.980)",
+             :sky-alpha-7 "hsla(194, 99.8%, 42.2%, 0.526)",
+             :sky-alpha-2 "hsla(193, 100%, 50.1%, 0.055)",
+             :sky-alpha-3 "hsla(193, 100%, 50.1%, 0.106)",
+             :sky-alpha-9 "hsla(193, 99.7%, 49.4%, 0.593)",
+             :sky-alpha-4 "hsla(194, 99.6%, 47.7%, 0.165)"},
+            :green
+            {:green-1 "hsl(136, 50.0%, 98.9%)",
+             :green-7 "hsl(146, 38.5%, 69.0%)",
+             :green-3 "hsl(139, 55.2%, 94.5%)",
+             :green-11 "hsl(153, 67.0%, 28.5%)",
+             :green-12 "hsl(155, 40.0%, 14.0%)",
+             :green-8 "hsl(151, 40.2%, 54.1%)",
+             :green-4 "hsl(140, 48.7%, 91.0%)",
+             :green-10 "hsl(152, 57.5%, 37.6%)",
+             :green-6 "hsl(143, 40.3%, 79.0%)",
+             :green-5 "hsl(141, 43.7%, 86.0%)",
+             :green-2 "hsl(138, 62.5%, 96.9%)",
+             :green-9 "hsl(151, 55.0%, 41.5%)"},
+            :bronze-dark-alpha
+            {:bronze-alpha-3 "hsla(10, 99.4%, 83.0%, 0.074)",
+             :bronze-alpha-5 "hsla(18, 99.4%, 81.7%, 0.148)",
+             :bronze-alpha-2 "hsla(20, 88.2%, 74.2%, 0.027)",
+             :bronze-alpha-7 "hsla(16, 99.2%, 82.9%, 0.270)",
+             :bronze-alpha-12 "hsla(20, 99.8%, 96.4%, 0.974)",
+             :bronze-alpha-8 "hsla(18, 99.5%, 82.6%, 0.396)",
+             :bronze-alpha-4 "hsla(18, 96.0%, 81.1%, 0.114)",
+             :bronze-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :bronze-alpha-6 "hsla(15, 98.1%, 82.4%, 0.192)",
+             :bronze-alpha-10 "hsla(18, 99.6%, 85.2%, 0.657)",
+             :bronze-alpha-11 "hsla(17, 99.9%, 86.1%, 0.774)",
+             :bronze-alpha-9 "hsla(18, 99.3%, 85.0%, 0.592)"},
+            :indigo
+            {:indigo-11 "hsl(226, 55.0%, 45.0%)",
+             :indigo-10 "hsl(226, 58.6%, 51.3%)",
+             :indigo-6 "hsl(224, 81.9%, 87.8%)",
+             :indigo-1 "hsl(225, 60.0%, 99.4%)",
+             :indigo-12 "hsl(226, 62.0%, 17.0%)",
+             :indigo-5 "hsl(224, 87.1%, 92.0%)",
+             :indigo-7 "hsl(225, 77.4%, 82.1%)",
+             :indigo-9 "hsl(226, 70.0%, 55.5%)",
+             :indigo-8 "hsl(226, 75.4%, 74.5%)",
+             :indigo-3 "hsl(223, 98.4%, 97.1%)",
+             :indigo-4 "hsl(223, 92.9%, 95.0%)",
+             :indigo-2 "hsl(223, 100%, 98.6%)"},
+            :cyan
+            {:cyan-5 "hsl(187, 58.3%, 85.4%)",
+             :cyan-9 "hsl(190, 95.0%, 39.0%)",
+             :cyan-4 "hsl(186, 63.8%, 90.6%)",
+             :cyan-10 "hsl(191, 91.2%, 36.8%)",
+             :cyan-3 "hsl(186, 70.2%, 94.4%)",
+             :cyan-1 "hsl(185, 60.0%, 98.7%)",
+             :cyan-6 "hsl(188, 54.6%, 78.4%)",
+             :cyan-2 "hsl(185, 73.3%, 97.1%)",
+             :cyan-11 "hsl(192, 85.0%, 31.0%)",
+             :cyan-12 "hsl(192, 88.0%, 12.5%)",
+             :cyan-7 "hsl(189, 53.7%, 68.7%)",
+             :cyan-8 "hsl(189, 60.3%, 52.5%)"},
+            :sage-alpha
+            {:sage-alpha-12 "hsla(158, 97.0%, 2.4%, 0.934)",
+             :sage-alpha-7 "hsla(156, 98.6%, 6.3%, 0.157)",
+             :sage-alpha-4 "hsla(140, 92.3%, 8.5%, 0.075)",
+             :sage-alpha-9 "hsla(154, 98.7%, 3.0%, 0.459)",
+             :sage-alpha-8 "hsla(154, 94.6%, 6.0%, 0.240)",
+             :sage-alpha-2 "hsla(150, 87.7%, 16.0%, 0.028)",
+             :sage-alpha-6 "hsla(156, 95.1%, 8.2%, 0.126)",
+             :sage-alpha-1 "hsla(150, 92.6%, 26.5%, 0.016)",
+             :sage-alpha-3 "hsla(160, 98.4%, 10.9%, 0.055)",
+             :sage-alpha-11 "hsla(154, 95.2%, 2.5%, 0.585)",
+             :sage-alpha-5 "hsla(160, 86.0%, 6.9%, 0.099)",
+             :sage-alpha-10 "hsla(154, 93.5%, 2.9%, 0.499)"},
+            :olive-dark
+            {:olive-2 "hsl(105, 7.4%, 10.6%)",
+             :olive-1 "hsl(110, 5.0%, 8.6%)",
+             :olive-8 "hsl(110, 3.8%, 30.6%)",
+             :olive-11 "hsl(110, 5.0%, 61.8%)",
+             :olive-9 "hsl(110, 6.0%, 42.5%)",
+             :olive-12 "hsl(110, 6.0%, 93.0%)",
+             :olive-7 "hsl(108, 4.4%, 23.6%)",
+             :olive-10 "hsl(111, 4.8%, 48.2%)",
+             :olive-6 "hsl(107, 4.9%, 19.9%)",
+             :olive-5 "hsl(107, 5.3%, 17.4%)",
+             :olive-4 "hsl(106, 5.8%, 15.3%)",
+             :olive-3 "hsl(106, 6.4%, 13.1%)"},
+            :teal-alpha
+            {:teal-alpha-7 "hsla(170, 99.3%, 28.7%, 0.448)",
+             :teal-alpha-6 "hsla(170, 99.7%, 30.1%, 0.314)",
+             :teal-alpha-10 "hsla(173, 99.7%, 28.7%, 0.946)",
+             :teal-alpha-12 "hsla(171, 98.8%, 6.8%, 0.938)",
+             :teal-alpha-5 "hsla(170, 99.4%, 32.3%, 0.220)",
+             :teal-alpha-4 "hsla(168, 98.1%, 34.6%, 0.150)",
+             :teal-alpha-1 "hsla(165, 95.2%, 41.2%, 0.020)",
+             :teal-alpha-8 "hsla(172, 99.8%, 29.7%, 0.675)",
+             :teal-alpha-9 "hsla(173, 99.8%, 31.1%, 0.930)",
+             :teal-alpha-2 "hsla(169, 99.5%, 39.4%, 0.055)",
+             :teal-alpha-11 "hsla(174, 99.8%, 23.3%, 0.977)",
+             :teal-alpha-3 "hsla(167, 97.6%, 38.1%, 0.095)"},
+            :violet
+            {:violet-9 "hsl(252, 56.0%, 57.5%)",
+             :violet-7 "hsl(252, 71.0%, 83.7%)",
+             :violet-8 "hsl(252, 68.6%, 76.3%)",
+             :violet-3 "hsl(252, 96.9%, 97.4%)",
+             :violet-5 "hsl(252, 85.1%, 93.0%)",
+             :violet-2 "hsl(252, 100%, 99.0%)",
+             :violet-12 "hsl(254, 60.0%, 18.5%)",
+             :violet-1 "hsl(255, 65.0%, 99.4%)",
+             :violet-10 "hsl(251, 48.1%, 53.5%)",
+             :violet-6 "hsl(252, 77.8%, 89.4%)",
+             :violet-4 "hsl(252, 91.5%, 95.5%)",
+             :violet-11 "hsl(250, 43.0%, 48.0%)"},
+            :lime-alpha
+            {:lime-alpha-3 "hsla(84, 98.7%, 43.2%, 0.138)",
+             :lime-alpha-4 "hsla(84, 99.6%, 43.0%, 0.220)",
+             :lime-alpha-8 "hsla(76, 99.8%, 33.7%, 0.828)",
+             :lime-alpha-9 "hsla(81, 99.8%, 40.2%, 0.836)",
+             :lime-alpha-5 "hsla(85, 99.8%, 41.8%, 0.310)",
+             :lime-alpha-12 "hsla(78, 99.6%, 8.4%, 0.965)",
+             :lime-alpha-10 "hsla(80, 100%, 37.6%, 0.851)",
+             :lime-alpha-7 "hsla(79, 99.7%, 34.6%, 0.585)",
+             :lime-alpha-6 "hsla(82, 99.8%, 39.3%, 0.420)",
+             :lime-alpha-2 "hsla(85, 99.3%, 40.2%, 0.059)",
+             :lime-alpha-11 "hsla(75, 99.5%, 22.0%, 0.950)",
+             :lime-alpha-1 "hsla(80, 93.8%, 31.4%, 0.020)"},
+            :pink-dark-alpha
+            {:pink-alpha-3 "hsla(320, 99.1%, 63.1%, 0.121)",
+             :pink-alpha-9 "hsla(322, 100%, 64.6%, 0.817)",
+             :pink-alpha-6 "hsla(322, 99.4%, 60.8%, 0.291)",
+             :pink-alpha-5 "hsla(319, 99.7%, 61.5%, 0.219)",
+             :pink-alpha-11 "hsla(325, 99.9%, 68.6%, 0.960)",
+             :pink-alpha-2 "hsla(320, 98.1%, 64.1%, 0.036)",
+             :pink-alpha-10 "hsla(323, 100%, 66.3%, 0.875)",
+             :pink-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :pink-alpha-8 "hsla(322, 99.7%, 55.4%, 0.608)",
+             :pink-alpha-7 "hsla(321, 99.6%, 58.7%, 0.407)",
+             :pink-alpha-12 "hsla(314, 100%, 96.9%, 0.980)",
+             :pink-alpha-4 "hsla(320, 99.5%, 62.7%, 0.170)"},
+            :black-alpha
+            {:black-alpha-2 "hsla(0, 0%, 0%, 0.027)",
+             :black-alpha-6 "hsla(0, 0%, 0%, 0.114)",
+             :black-alpha-8 "hsla(0, 0%, 0%, 0.220)",
+             :black-alpha-5 "hsla(0, 0%, 0%, 0.090)",
+             :black-alpha-11 "hsla(0, 0%, 0%, 0.565)",
+             :black-alpha-1 "hsla(0, 0%, 0%, 0.012)",
+             :black-alpha-7 "hsla(0, 0%, 0%, 0.141)",
+             :black-alpha-3 "hsla(0, 0%, 0%, 0.047)",
+             :black-alpha-10 "hsla(0, 0%, 0%, 0.478)",
+             :black-alpha-4 "hsla(0, 0%, 0%, 0.071)",
+             :black-alpha-9 "hsla(0, 0%, 0%, 0.439)",
+             :black-alpha-12 "hsla(0, 0%, 0%, 0.910)"},
+            :white-alpha
+            {:white-alpha-4 "hsla(0, 0%, 100%, 0.056)",
+             :white-alpha-2 "hsla(0, 0%, 100%, 0.013)",
+             :white-alpha-1 "hsla(0, 0%, 100%, 0)",
+             :white-alpha-8 "hsla(0, 0%, 100%, 0.249)",
+             :white-alpha-3 "hsla(0, 0%, 100%, 0.034)",
+             :white-alpha-10 "hsla(0, 0%, 100%, 0.446)",
+             :white-alpha-7 "hsla(0, 0%, 100%, 0.176)",
+             :white-alpha-11 "hsla(0, 0%, 100%, 0.592)",
+             :white-alpha-6 "hsla(0, 0%, 100%, 0.124)",
+             :white-alpha-5 "hsla(0, 0%, 100%, 0.086)",
+             :white-alpha-12 "hsla(0, 0%, 100%, 0.923)",
+             :white-alpha-9 "hsla(0, 0%, 100%, 0.386)"},
+            :teal-dark
+            {:teal-3 "hsl(170, 76.1%, 9.2%)",
+             :teal-11 "hsl(174, 90.0%, 40.7%)",
+             :teal-6 "hsl(172, 75.8%, 15.1%)",
+             :teal-4 "hsl(171, 75.8%, 11.0%)",
+             :teal-2 "hsl(169, 77.8%, 7.1%)",
+             :teal-9 "hsl(173, 80.0%, 36.0%)",
+             :teal-7 "hsl(172, 76.7%, 18.6%)",
+             :teal-10 "hsl(174, 83.9%, 38.2%)",
+             :teal-12 "hsl(166, 73.0%, 93.1%)",
+             :teal-5 "hsl(171, 75.7%, 12.8%)",
+             :teal-1 "hsl(168, 48.0%, 6.5%)",
+             :teal-8 "hsl(173, 80.2%, 23.7%)"},
+            :blue-dark-alpha
+            {:blue-alpha-8 "hsla(211, 99.8%, 50.9%, 0.597)",
+             :blue-alpha-7 "hsla(211, 100%, 50.7%, 0.435)",
+             :blue-alpha-6 "hsla(212, 99.9%, 51.7%, 0.323)",
+             :blue-alpha-10 "hsla(208, 100%, 60.7%, 0.980)",
+             :blue-alpha-12 "hsla(196, 100%, 96.8%, 0.980)",
+             :blue-alpha-3 "hsla(215, 99.3%, 54.2%, 0.135)",
+             :blue-alpha-9 "hsla(205, 100%, 50.0%, 0.980)",
+             :blue-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :blue-alpha-4 "hsla(215, 99.3%, 53.8%, 0.198)",
+             :blue-alpha-5 "hsla(213, 99.4%, 52.8%, 0.252)",
+             :blue-alpha-11 "hsla(209, 100%, 66.3%, 0.980)",
+             :blue-alpha-2 "hsla(221, 97.8%, 52.4%, 0.059)"},
+            :red-dark-alpha
+            {:red-alpha-3 "hsla(359, 99.1%, 61.1%, 0.130)",
+             :red-alpha-10 "hsla(358, 100%, 67.5%, 0.942)",
+             :red-alpha-9 "hsla(358, 100%, 65.5%, 0.884)",
+             :red-alpha-8 "hsla(358, 99.8%, 59.1%, 0.621)",
+             :red-alpha-5 "hsla(357, 99.6%, 60.3%, 0.237)",
+             :red-alpha-11 "hsla(358, 100%, 69.7%, 0.980)",
+             :red-alpha-7 "hsla(357, 100%, 59.5%, 0.442)",
+             :red-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :red-alpha-6 "hsla(358, 99.6%, 60.3%, 0.322)",
+             :red-alpha-4 "hsla(358, 98.8%, 61.0%, 0.184)",
+             :red-alpha-2 "hsla(5, 98.5%, 53.8%, 0.045)",
+             :red-alpha-12 "hsla(352, 100%, 97.1%, 0.980)"},
+            :indigo-dark
+            {:indigo-11 "hsl(228, 100%, 75.9%)",
+             :indigo-10 "hsl(227, 75.2%, 61.6%)",
+             :indigo-6 "hsl(226, 52.9%, 28.2%)",
+             :indigo-1 "hsl(229, 24.0%, 10.0%)",
+             :indigo-12 "hsl(226, 83.0%, 96.3%)",
+             :indigo-5 "hsl(227, 50.0%, 24.1%)",
+             :indigo-7 "hsl(226, 56.0%, 34.5%)",
+             :indigo-9 "hsl(226, 70.0%, 55.5%)",
+             :indigo-8 "hsl(226, 58.2%, 44.1%)",
+             :indigo-3 "hsl(228, 43.3%, 17.5%)",
+             :indigo-4 "hsl(227, 47.2%, 21.0%)",
+             :indigo-2 "hsl(230, 36.4%, 12.9%)"},
+            :bronze
+            {:bronze-11 "hsl(15, 20.0%, 43.1%)",
+             :bronze-3 "hsl(17, 42.1%, 95.2%)",
+             :bronze-6 "hsl(17, 29.0%, 83.0%)",
+             :bronze-10 "hsl(17, 18.1%, 50.1%)",
+             :bronze-4 "hsl(17, 35.2%, 92.1%)",
+             :bronze-5 "hsl(17, 31.5%, 88.2%)",
+             :bronze-1 "hsl(15, 30.0%, 99.1%)",
+             :bronze-7 "hsl(17, 26.9%, 75.6%)",
+             :bronze-9 "hsl(17, 20.0%, 54.0%)",
+             :bronze-2 "hsl(17, 63.6%, 97.8%)",
+             :bronze-12 "hsl(12, 22.0%, 21.5%)",
+             :bronze-8 "hsl(17, 25.1%, 66.5%)"},
+            :slate
+            {:slate-10 "hsl(206, 5.8%, 52.3%)",
+             :slate-5 "hsl(208, 11.7%, 91.1%)",
+             :slate-2 "hsl(210, 16.7%, 97.6%)",
+             :slate-1 "hsl(206, 30.0%, 98.8%)",
+             :slate-6 "hsl(208, 11.3%, 88.9%)",
+             :slate-4 "hsl(209, 12.2%, 93.2%)",
+             :slate-7 "hsl(207, 11.1%, 85.9%)",
+             :slate-8 "hsl(205, 10.7%, 78.0%)",
+             :slate-3 "hsl(209, 13.3%, 95.3%)",
+             :slate-9 "hsl(206, 6.0%, 56.1%)",
+             :slate-11 "hsl(206, 6.0%, 43.5%)",
+             :slate-12 "hsl(206, 24.0%, 9.0%)"},
+            :slate-alpha
+            {:slate-alpha-1 "hsla(210, 92.6%, 26.5%, 0.016)",
+             :slate-alpha-12 "hsla(202, 97.0%, 2.4%, 0.934)",
+             :slate-alpha-3 "hsla(210, 98.8%, 14.4%, 0.055)",
+             :slate-alpha-9 "hsla(206, 98.8%, 5.9%, 0.467)",
+             :slate-alpha-7 "hsla(210, 99.1%, 10.1%, 0.157)",
+             :slate-alpha-8 "hsla(205, 96.5%, 10.0%, 0.244)",
+             :slate-alpha-2 "hsla(210, 87.7%, 16.0%, 0.028)",
+             :slate-alpha-6 "hsla(206, 96.4%, 11.3%, 0.126)",
+             :slate-alpha-10 "hsla(206, 99.6%, 5.4%, 0.506)",
+             :slate-alpha-11 "hsla(206, 97.0%, 4.8%, 0.593)",
+             :slate-alpha-5 "hsla(216, 91.1%, 10.9%, 0.099)",
+             :slate-alpha-4 "hsla(210, 94.1%, 11.1%, 0.075)"},
+            :olive-dark-alpha
+            {:olive-alpha-7 "hsla(102, 92.5%, 95.9%, 0.173)",
+             :olive-alpha-6 "hsla(102, 91.1%, 94.6%, 0.130)",
+             :olive-alpha-11 "hsla(113, 95.3%, 97.2%, 0.600)",
+             :olive-alpha-8 "hsla(107, 100%, 96.5%, 0.250)",
+             :olive-alpha-10 "hsla(109, 99.6%, 95.3%, 0.457)",
+             :olive-alpha-5 "hsla(101, 92.6%, 93.5%, 0.104)",
+             :olive-alpha-12 "hsla(120, 93.5%, 99.6%, 0.927)",
+             :olive-alpha-9 "hsla(110, 98.3%, 94.1%, 0.397)",
+             :olive-alpha-2 "hsla(91, 97.0%, 84.0%, 0.026)",
+             :olive-alpha-4 "hsla(92, 91.8%, 94.1%, 0.078)",
+             :olive-alpha-3 "hsla(101, 87.4%, 87.7%, 0.057)",
+             :olive-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :red-alpha
+            {:red-alpha-3 "hsla(0, 100%, 50.2%, 0.063)",
+             :red-alpha-10 "hsla(358, 99.9%, 41.0%, 0.761)",
+             :red-alpha-9 "hsla(358, 99.9%, 42.9%, 0.718)",
+             :red-alpha-8 "hsla(359, 99.6%, 41.1%, 0.436)",
+             :red-alpha-5 "hsla(0, 99.9%, 47.5%, 0.153)",
+             :red-alpha-11 "hsla(358, 99.8%, 38.3%, 0.832)",
+             :red-alpha-7 "hsla(359, 99.7%, 42.7%, 0.318)",
+             :red-alpha-1 "hsla(0, 100%, 51.0%, 0.012)",
+             :red-alpha-6 "hsla(0, 99.5%, 44.9%, 0.224)",
+             :red-alpha-4 "hsla(0, 100%, 50.0%, 0.102)",
+             :red-alpha-2 "hsla(0, 100%, 51.0%, 0.032)",
+             :red-alpha-12 "hsla(355, 99.3%, 7.9%, 0.926)"},
+            :mint-alpha
+            {:mint-alpha-3 "hsla(164, 99.3%, 43.5%, 0.118)",
+             :mint-alpha-9 "hsla(167, 99.9%, 39.5%, 0.561)",
+             :mint-alpha-6 "hsla(165, 100%, 35.0%, 0.353)",
+             :mint-alpha-12 "hsla(172, 99.7%, 8.8%, 0.965)",
+             :mint-alpha-10 "hsla(167, 99.7%, 37.4%, 0.589)",
+             :mint-alpha-8 "hsla(168, 99.6%, 34.6%, 0.750)",
+             :mint-alpha-5 "hsla(165, 99.0%, 37.5%, 0.248)",
+             :mint-alpha-2 "hsla(164, 99.1%, 47.1%, 0.063)",
+             :mint-alpha-11 "hsla(172, 99.8%, 22.4%, 0.922)",
+             :mint-alpha-4 "hsla(164, 99.3%, 41.3%, 0.177)",
+             :mint-alpha-7 "hsla(166, 99.9%, 33.5%, 0.510)",
+             :mint-alpha-1 "hsla(168, 95.4%, 42.8%, 0.024)"},
+            :tomato-dark-alpha
+            {:tomato-alpha-10 "hsla(10, 100%, 63.6%, 0.916)",
+             :tomato-alpha-2 "hsla(5, 100%, 49.6%, 0.058)",
+             :tomato-alpha-4 "hsla(6, 99.2%, 55.4%, 0.191)",
+             :tomato-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :tomato-alpha-11 "hsla(10, 99.7%, 66.4%, 0.939)",
+             :tomato-alpha-6 "hsla(7, 99.7%, 55.9%, 0.319)",
+             :tomato-alpha-9 "hsla(10, 100%, 59.7%, 0.885)",
+             :tomato-alpha-12 "hsla(12, 100%, 97.1%, 0.980)",
+             :tomato-alpha-3 "hsla(6, 99.6%, 54.9%, 0.133)",
+             :tomato-alpha-8 "hsla(10, 99.8%, 53.5%, 0.598)",
+             :tomato-alpha-7 "hsla(8, 99.8%, 54.8%, 0.434)",
+             :tomato-alpha-5 "hsla(6, 99.5%, 55.8%, 0.244)"},
+            :purple-dark
+            {:purple-2 "hsl(283, 30.0%, 11.8%)",
+             :purple-10 "hsl(273, 57.3%, 59.1%)",
+             :purple-1 "hsl(284, 20.0%, 9.6%)",
+             :purple-7 "hsl(275, 49.3%, 34.6%)",
+             :purple-6 "hsl(277, 46.4%, 27.5%)",
+             :purple-12 "hsl(279, 75.0%, 95.7%)",
+             :purple-4 "hsl(280, 41.2%, 20.0%)",
+             :purple-8 "hsl(272, 52.1%, 45.9%)",
+             :purple-11 "hsl(275, 80.0%, 71.0%)",
+             :purple-5 "hsl(279, 43.8%, 23.3%)",
+             :purple-3 "hsl(281, 37.5%, 16.5%)",
+             :purple-9 "hsl(272, 51.0%, 54.0%)"},
+            :gold
+            {:gold-11 "hsl(36, 20.0%, 39.0%)",
+             :gold-7 "hsl(39, 27.6%, 71.9%)",
+             :gold-9 "hsl(36, 20.0%, 49.5%)",
+             :gold-10 "hsl(36, 19.8%, 45.7%)",
+             :gold-1 "hsl(50, 20.0%, 99.1%)",
+             :gold-2 "hsl(47, 52.9%, 96.7%)",
+             :gold-12 "hsl(36, 16.0%, 20.0%)",
+             :gold-6 "hsl(41, 28.3%, 79.8%)",
+             :gold-8 "hsl(36, 27.2%, 61.8%)",
+             :gold-4 "hsl(44, 32.7%, 90.1%)",
+             :gold-3 "hsl(46, 38.2%, 93.7%)",
+             :gold-5 "hsl(43, 29.9%, 85.7%)"},
+            :yellow-dark-alpha
+            {:yellow-alpha-8 "hsla(51, 100%, 49.9%, 0.371)",
+             :yellow-alpha-7 "hsla(51, 99.8%, 53.6%, 0.269)",
+             :yellow-alpha-9 "hsla(53, 100%, 52.0%, 0.956)",
+             :yellow-alpha-6 "hsla(51, 100%, 49.8%, 0.199)",
+             :yellow-alpha-4 "hsla(46, 100%, 49.7%, 0.111)",
+             :yellow-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :yellow-alpha-12 "hsla(60, 100%, 91.8%, 0.980)",
+             :yellow-alpha-10 "hsla(56, 100%, 68.4%, 0.980)",
+             :yellow-alpha-11 "hsla(48, 100%, 50.0%, 0.934)",
+             :yellow-alpha-2 "hsla(49, 100%, 49.1%, 0.027)",
+             :yellow-alpha-5 "hsla(47, 100%, 49.9%, 0.150)",
+             :yellow-alpha-3 "hsla(45, 100%, 49.7%, 0.071)"},
+            :gold-dark
+            {:gold-11 "hsl(35, 30.0%, 64.0%)",
+             :gold-7 "hsl(38, 18.5%, 26.4%)",
+             :gold-9 "hsl(36, 20.0%, 49.5%)",
+             :gold-10 "hsl(36, 22.3%, 54.5%)",
+             :gold-1 "hsl(44, 9.0%, 8.3%)",
+             :gold-2 "hsl(43, 14.3%, 9.6%)",
+             :gold-12 "hsl(49, 52.0%, 93.8%)",
+             :gold-6 "hsl(40, 17.6%, 20.8%)",
+             :gold-8 "hsl(36, 19.6%, 35.1%)",
+             :gold-4 "hsl(41, 16.4%, 15.6%)",
+             :gold-3 "hsl(42, 15.5%, 13.0%)",
+             :gold-5 "hsl(41, 16.9%, 17.8%)"},
+            :gold-alpha
+            {:gold-alpha-7 "hsla(38, 99.8%, 21.5%, 0.357)",
+             :gold-alpha-8 "hsla(36, 99.3%, 21.5%, 0.487)",
+             :gold-alpha-2 "hsla(47, 99.9%, 34.6%, 0.051)",
+             :gold-alpha-10 "hsla(36, 99.2%, 14.6%, 0.636)",
+             :gold-alpha-12 "hsla(38, 98.0%, 3.8%, 0.832)",
+             :gold-alpha-5 "hsla(43, 98.4%, 22.6%, 0.185)",
+             :gold-alpha-4 "hsla(46, 98.0%, 25.4%, 0.134)",
+             :gold-alpha-11 "hsla(35, 99.1%, 11.2%, 0.687)",
+             :gold-alpha-1 "hsla(60, 89.3%, 18.3%, 0.012)",
+             :gold-alpha-9 "hsla(36, 99.9%, 16.2%, 0.604)",
+             :gold-alpha-3 "hsla(45, 97.0%, 27.9%, 0.087)",
+             :gold-alpha-6 "hsla(41, 99.7%, 22.0%, 0.259)"},
+            :crimson-alpha
+            {:crimson-alpha-8 "hsla(336, 99.5%, 38.5%, 0.440)",
+             :crimson-alpha-7 "hsla(335, 99.7%, 39.1%, 0.322)",
+             :crimson-alpha-12 "hsla(340, 99.0%, 10.0%, 0.950)",
+             :crimson-alpha-1 "hsla(340, 100%, 51.0%, 0.012)",
+             :crimson-alpha-11 "hsla(336, 99.8%, 40.3%, 0.883)",
+             :crimson-alpha-4 "hsla(331, 99.9%, 44.3%, 0.102)",
+             :crimson-alpha-6 "hsla(333, 99.5%, 40.5%, 0.224)",
+             :crimson-alpha-3 "hsla(332, 99.1%, 47.1%, 0.063)",
+             :crimson-alpha-10 "hsla(336, 100%, 42.5%, 0.808)",
+             :crimson-alpha-5 "hsla(333, 99.9%, 42.3%, 0.153)",
+             :crimson-alpha-9 "hsla(336, 99.9%, 44.3%, 0.761)",
+             :crimson-alpha-2 "hsla(330, 100%, 51.0%, 0.032)"},
+            :tomato-dark
+            {:tomato-2 "hsl(9, 44.8%, 11.4%)",
+             :tomato-11 "hsl(10, 85.0%, 62.8%)",
+             :tomato-6 "hsl(8, 64.8%, 24.0%)",
+             :tomato-1 "hsl(10, 23.0%, 9.4%)",
+             :tomato-3 "hsl(8, 52.0%, 15.3%)",
+             :tomato-10 "hsl(10, 81.7%, 59.0%)",
+             :tomato-12 "hsl(10, 89.0%, 96.0%)",
+             :tomato-8 "hsl(10, 80.2%, 35.7%)",
+             :tomato-7 "hsl(8, 71.2%, 29.1%)",
+             :tomato-4 "hsl(7, 56.3%, 18.0%)",
+             :tomato-9 "hsl(10, 78.0%, 54.0%)",
+             :tomato-5 "hsl(7, 60.1%, 20.6%)"},
+            :sage
+            {:sage-10 "hsl(154, 2.8%, 51.7%)",
+             :sage-7 "hsl(153, 6.7%, 85.3%)",
+             :sage-2 "hsl(150, 16.7%, 97.6%)",
+             :sage-11 "hsl(155, 3.0%, 43.0%)",
+             :sage-6 "hsl(152, 7.2%, 88.4%)",
+             :sage-4 "hsl(151, 8.8%, 93.0%)",
+             :sage-5 "hsl(151, 7.8%, 90.8%)",
+             :sage-9 "hsl(155, 3.5%, 55.5%)",
+             :sage-3 "hsl(151, 10.6%, 95.2%)",
+             :sage-1 "hsl(155, 30.0%, 98.8%)",
+             :sage-8 "hsl(154, 6.1%, 77.5%)",
+             :sage-12 "hsl(155, 24.0%, 9.0%)"},
+            :sand-alpha
+            {:sand-alpha-6 "hsla(60, 93.2%, 5.2%, 0.122)",
+             :sand-alpha-11 "hsla(45, 93.7%, 1.5%, 0.577)",
+             :sand-alpha-12 "hsla(60, 98.0%, 0.7%, 0.906)",
+             :sand-alpha-9 "hsla(60, 99.8%, 1.7%, 0.451)",
+             :sand-alpha-1 "hsla(60, 89.3%, 18.3%, 0.012)",
+             :sand-alpha-4 "hsla(60, 88.9%, 5.9%, 0.075)",
+             :sand-alpha-2 "hsla(60, 78.1%, 9.0%, 0.028)",
+             :sand-alpha-3 "hsla(60, 99.0%, 3.9%, 0.051)",
+             :sand-alpha-5 "hsla(60, 86.0%, 6.9%, 0.099)",
+             :sand-alpha-10 "hsla(60, 90.7%, 1.8%, 0.491)",
+             :sand-alpha-8 "hsla(51, 94.1%, 6.0%, 0.244)",
+             :sand-alpha-7 "hsla(60, 98.3%, 5.1%, 0.157)"},
+            :purple-alpha
+            {:purple-alpha-2 "hsla(276, 100%, 51.0%, 0.020)",
+             :purple-alpha-5 "hsla(276, 98.6%, 42.0%, 0.142)",
+             :purple-alpha-12 "hsla(272, 99.2%, 11.3%, 0.946)",
+             :purple-alpha-10 "hsla(272, 99.7%, 32.0%, 0.730)",
+             :purple-alpha-9 "hsla(272, 99.6%, 34.0%, 0.695)",
+             :purple-alpha-7 "hsla(273, 99.2%, 38.2%, 0.295)",
+             :purple-alpha-6 "hsla(275, 100%, 39.2%, 0.200)",
+             :purple-alpha-8 "hsla(272, 99.7%, 37.6%, 0.424)",
+             :purple-alpha-4 "hsla(274, 97.9%, 44.3%, 0.095)",
+             :purple-alpha-11 "hsla(272, 99.8%, 29.7%, 0.773)",
+             :purple-alpha-3 "hsla(277, 99.6%, 46.5%, 0.055)",
+             :purple-alpha-1 "hsla(300, 94.3%, 34.6%, 0.012)"},
+            :mauve-dark
+            {:mauve-7 "hsl(245, 4.9%, 25.4%)",
+             :mauve-10 "hsl(247, 3.4%, 50.7%)",
+             :mauve-6 "hsl(244, 4.9%, 21.5%)",
+             :mauve-9 "hsl(252, 4.0%, 45.2%)",
+             :mauve-3 "hsl(241, 5.0%, 14.3%)",
+             :mauve-5 "hsl(243, 4.9%, 18.8%)",
+             :mauve-12 "hsl(256, 6.0%, 93.2%)",
+             :mauve-2 "hsl(240, 5.1%, 11.6%)",
+             :mauve-4 "hsl(242, 4.9%, 16.5%)",
+             :mauve-11 "hsl(253, 4.0%, 63.7%)",
+             :mauve-1 "hsl(246, 6.0%, 9.0%)",
+             :mauve-8 "hsl(247, 4.8%, 32.5%)"},
+            :mauve
+            {:mauve-7 "hsl(271, 3.9%, 86.3%)",
+             :mauve-10 "hsl(253, 3.5%, 53.5%)",
+             :mauve-6 "hsl(278, 4.1%, 89.1%)",
+             :mauve-9 "hsl(252, 4.0%, 57.3%)",
+             :mauve-3 "hsl(294, 5.5%, 95.3%)",
+             :mauve-5 "hsl(283, 4.4%, 91.3%)",
+             :mauve-12 "hsl(260, 25.0%, 11.0%)",
+             :mauve-2 "hsl(300, 7.7%, 97.5%)",
+             :mauve-4 "hsl(289, 4.7%, 93.3%)",
+             :mauve-11 "hsl(252, 4.0%, 44.8%)",
+             :mauve-1 "hsl(300, 20.0%, 99.0%)",
+             :mauve-8 "hsl(255, 3.7%, 78.8%)"},
+            :mint
+            {:mint-2 "hsl(164, 88.2%, 96.7%)",
+             :mint-12 "hsl(172, 70.0%, 12.0%)",
+             :mint-9 "hsl(167, 65.0%, 66.0%)",
+             :mint-11 "hsl(172, 72.0%, 28.5%)",
+             :mint-3 "hsl(164, 76.6%, 93.3%)",
+             :mint-7 "hsl(166, 50.7%, 66.1%)",
+             :mint-6 "hsl(165, 53.5%, 76.9%)",
+             :mint-8 "hsl(168, 52.8%, 51.0%)",
+             :mint-5 "hsl(165, 60.6%, 84.5%)",
+             :mint-1 "hsl(165, 80.0%, 98.8%)",
+             :mint-10 "hsl(167, 59.3%, 63.1%)",
+             :mint-4 "hsl(165, 68.8%, 89.5%)"},
+            :gray-alpha
+            {:gray-alpha-10 "hsla(0, 0%, 0%, 0.478)",
+             :gray-alpha-12 "hsla(0, 0%, 0%, 0.910)",
+             :gray-alpha-3 "hsla(0, 0%, 0%, 0.047)",
+             :gray-alpha-4 "hsla(0, 0%, 0%, 0.071)",
+             :gray-alpha-5 "hsla(0, 0%, 0%, 0.090)",
+             :gray-alpha-8 "hsla(0, 0%, 0%, 0.220)",
+             :gray-alpha-11 "hsla(0, 0%, 0%, 0.565)",
+             :gray-alpha-2 "hsla(0, 0%, 0%, 0.027)",
+             :gray-alpha-6 "hsla(0, 0%, 0%, 0.114)",
+             :gray-alpha-9 "hsla(0, 0%, 0%, 0.439)",
+             :gray-alpha-1 "hsla(0, 0%, 0%, 0.012)",
+             :gray-alpha-7 "hsla(0, 0%, 0%, 0.141)"},
+            :grass-dark
+            {:grass-9 "hsl(131, 41.0%, 46.5%)",
+             :grass-4 "hsl(137, 37.6%, 13.7%)",
+             :grass-7 "hsl(134, 40.3%, 23.8%)",
+             :grass-5 "hsl(136, 38.7%, 16.0%)",
+             :grass-12 "hsl(137, 72.0%, 94.0%)",
+             :grass-2 "hsl(136, 33.3%, 8.8%)",
+             :grass-10 "hsl(131, 39.0%, 52.1%)",
+             :grass-8 "hsl(131, 40.1%, 30.8%)",
+             :grass-1 "hsl(146, 30.0%, 7.4%)",
+             :grass-11 "hsl(131, 43.0%, 57.2%)",
+             :grass-3 "hsl(137, 36.0%, 11.4%)",
+             :grass-6 "hsl(135, 39.6%, 19.1%)"},
+            :orange-dark-alpha
+            {:orange-alpha-8 "hsla(24, 100%, 49.9%, 0.523)",
+             :orange-alpha-2 "hsla(13, 100%, 49.7%, 0.054)",
+             :orange-alpha-4 "hsla(23, 100%, 49.8%, 0.166)",
+             :orange-alpha-12 "hsla(26, 100%, 94.2%, 0.980)",
+             :orange-alpha-7 "hsla(23, 99.7%, 50.6%, 0.389)",
+             :orange-alpha-5 "hsla(23, 99.4%, 50.1%, 0.215)",
+             :orange-alpha-9 "hsla(24, 99.9%, 51.6%, 0.965)",
+             :orange-alpha-10 "hsla(25, 100%, 58.6%, 0.980)",
+             :orange-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :orange-alpha-3 "hsla(20, 100%, 49.7%, 0.117)",
+             :orange-alpha-6 "hsla(23, 99.8%, 51.1%, 0.286)",
+             :orange-alpha-11 "hsla(24, 100%, 62.4%, 0.980)"},
+            :red
+            {:red-11 "hsl(358, 65.0%, 48.7%)",
+             :red-8 "hsl(359, 69.5%, 74.3%)",
+             :red-7 "hsl(359, 74.2%, 81.7%)",
+             :red-10 "hsl(358, 69.4%, 55.2%)",
+             :red-12 "hsl(354, 50.0%, 14.6%)",
+             :red-4 "hsl(360, 97.9%, 94.8%)",
+             :red-2 "hsl(359, 100%, 98.6%)",
+             :red-5 "hsl(360, 90.2%, 91.9%)",
+             :red-3 "hsl(360, 100%, 96.8%)",
+             :red-9 "hsl(358, 75.0%, 59.0%)",
+             :red-1 "hsl(359, 100%, 99.4%)",
+             :red-6 "hsl(360, 81.7%, 87.8%)"},
+            :blue
+            {:blue-8 "hsl(206, 81.9%, 65.3%)",
+             :blue-6 "hsl(209, 81.2%, 84.5%)",
+             :blue-12 "hsl(211, 100%, 15.0%)",
+             :blue-5 "hsl(209, 95.0%, 90.1%)",
+             :blue-4 "hsl(210, 98.8%, 94.0%)",
+             :blue-10 "hsl(208, 100%, 47.3%)",
+             :blue-3 "hsl(209, 100%, 96.5%)",
+             :blue-9 "hsl(206, 100%, 50.0%)",
+             :blue-7 "hsl(208, 77.5%, 76.9%)",
+             :blue-11 "hsl(211, 100%, 43.2%)",
+             :blue-1 "hsl(206, 100%, 99.2%)",
+             :blue-2 "hsl(210, 100%, 98.0%)"},
+            :cyan-alpha
+            {:cyan-alpha-3 "hsla(186, 97.8%, 42.2%, 0.095)",
+             :cyan-alpha-5 "hsla(187, 99.3%, 36.6%, 0.232)",
+             :cyan-alpha-11 "hsla(192, 100%, 27.6%, 0.953)",
+             :cyan-alpha-2 "hsla(185, 99.9%, 42.3%, 0.051)",
+             :cyan-alpha-7 "hsla(189, 99.6%, 35.0%, 0.483)",
+             :cyan-alpha-6 "hsla(188, 99.4%, 35.4%, 0.334)",
+             :cyan-alpha-1 "hsla(195, 95.2%, 41.2%, 0.020)",
+             :cyan-alpha-10 "hsla(191, 99.9%, 34.6%, 0.969)",
+             :cyan-alpha-12 "hsla(192, 100%, 11.0%, 0.980)",
+             :cyan-alpha-8 "hsla(189, 99.9%, 37.6%, 0.761)",
+             :cyan-alpha-9 "hsla(190, 100%, 37.8%, 0.980)",
+             :cyan-alpha-4 "hsla(186, 99.9%, 38.5%, 0.153)"},
+            :sand-dark-alpha
+            {:sand-alpha-6 "hsla(41, 87.6%, 94.8%, 0.134)",
+             :sand-alpha-11 "hsla(51, 97.0%, 97.8%, 0.597)",
+             :sand-alpha-12 "hsla(60, 88.7%, 99.8%, 0.923)",
+             :sand-alpha-9 "hsla(52, 97.3%, 96.2%, 0.391)",
+             :sand-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :sand-alpha-4 "hsla(60, 75.6%, 96.4%, 0.078)",
+             :sand-alpha-2 "hsla(60, 89.8%, 91.4%, 0.026)",
+             :sand-alpha-3 "hsla(60, 95.5%, 92.5%, 0.056)",
+             :sand-alpha-5 "hsla(60, 81.9%, 95.2%, 0.104)",
+             :sand-alpha-10 "hsla(52, 97.8%, 96.7%, 0.451)",
+             :sand-alpha-8 "hsla(49, 93.5%, 95.7%, 0.254)",
+             :sand-alpha-7 "hsla(60, 95.4%, 96.2%, 0.172)"},
+            :grass
+            {:grass-9 "hsl(131, 41.0%, 46.5%)",
+             :grass-4 "hsl(121, 47.5%, 91.4%)",
+             :grass-7 "hsl(126, 37.1%, 70.2%)",
+             :grass-5 "hsl(122, 42.6%, 86.5%)",
+             :grass-12 "hsl(130, 30.0%, 14.9%)",
+             :grass-2 "hsl(120, 60.0%, 97.1%)",
+             :grass-10 "hsl(132, 43.1%, 42.2%)",
+             :grass-8 "hsl(131, 38.1%, 56.3%)",
+             :grass-1 "hsl(116, 50.0%, 98.9%)",
+             :grass-11 "hsl(133, 50.0%, 32.5%)",
+             :grass-3 "hsl(120, 53.6%, 94.8%)",
+             :grass-6 "hsl(124, 39.0%, 79.7%)"},
+            :sky-dark
+            {:sky-2 "hsl(202, 71.4%, 9.6%)",
+             :sky-6 "hsl(200, 84.1%, 18.9%)",
+             :sky-4 "hsl(201, 77.4%, 14.4%)",
+             :sky-10 "hsl(192, 100%, 77.0%)",
+             :sky-1 "hsl(205, 45.0%, 8.6%)",
+             :sky-12 "hsl(198, 98.0%, 95.8%)",
+             :sky-5 "hsl(200, 80.3%, 16.5%)",
+             :sky-11 "hsl(192, 85.0%, 55.8%)",
+             :sky-8 "hsl(198, 100%, 26.1%)",
+             :sky-7 "hsl(199, 90.2%, 22.1%)",
+             :sky-3 "hsl(201, 74.6%, 12.2%)",
+             :sky-9 "hsl(193, 98.0%, 70.0%)"},
+            :crimson-dark-alpha
+            {:crimson-alpha-8 "hsla(336, 99.9%, 55.4%, 0.642)",
+             :crimson-alpha-7 "hsla(336, 99.5%, 57.8%, 0.439)",
+             :crimson-alpha-12 "hsla(327, 100%, 97.1%, 0.980)",
+             :crimson-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :crimson-alpha-11 "hsla(341, 99.9%, 69.5%, 0.965)",
+             :crimson-alpha-4 "hsla(336, 99.1%, 59.9%, 0.191)",
+             :crimson-alpha-6 "hsla(335, 99.4%, 59.4%, 0.315)",
+             :crimson-alpha-3 "hsla(335, 98.7%, 59.3%, 0.138)",
+             :crimson-alpha-10 "hsla(339, 99.9%, 66.3%, 0.934)",
+             :crimson-alpha-5 "hsla(335, 99.4%, 59.4%, 0.244)",
+             :crimson-alpha-9 "hsla(336, 99.9%, 62.8%, 0.903)",
+             :crimson-alpha-2 "hsla(336, 96.8%, 53.2%, 0.045)"},
+            :bronze-alpha
+            {:bronze-alpha-3 "hsla(18, 98.3%, 29.8%, 0.067)",
+             :bronze-alpha-5 "hsla(19, 99.6%, 23.8%, 0.157)",
+             :bronze-alpha-2 "hsla(17, 95.1%, 40.1%, 0.036)",
+             :bronze-alpha-7 "hsla(18, 99.7%, 21.6%, 0.310)",
+             :bronze-alpha-12 "hsla(12, 98.7%, 5.7%, 0.832)",
+             :bronze-alpha-8 "hsla(17, 99.5%, 20.2%, 0.420)",
+             :bronze-alpha-4 "hsla(17, 99.6%, 26.0%, 0.106)",
+             :bronze-alpha-1 "hsla(0, 89.3%, 18.3%, 0.012)",
+             :bronze-alpha-6 "hsla(17, 99.2%, 22.5%, 0.220)",
+             :bronze-alpha-10 "hsla(17, 99.2%, 15.4%, 0.589)",
+             :bronze-alpha-11 "hsla(15, 99.9%, 13.2%, 0.655)",
+             :bronze-alpha-9 "hsla(18, 99.9%, 16.7%, 0.553)"},
+            :mint-dark-alpha
+            {:mint-alpha-3 "hsla(176, 100%, 49.7%, 0.070)",
+             :mint-alpha-9 "hsla(167, 99.8%, 75.0%, 0.870)",
+             :mint-alpha-6 "hsla(172, 100%, 49.8%, 0.192)",
+             :mint-alpha-12 "hsla(169, 100%, 96.2%, 0.980)",
+             :mint-alpha-10 "hsla(163, 99.9%, 80.7%, 0.948)",
+             :mint-alpha-8 "hsla(169, 100%, 49.9%, 0.366)",
+             :mint-alpha-5 "hsla(173, 100%, 49.8%, 0.144)",
+             :mint-alpha-2 "hsla(180, 100%, 49.2%, 0.031)",
+             :mint-alpha-11 "hsla(167, 99.9%, 58.7%, 0.796)",
+             :mint-alpha-4 "hsla(173, 100%, 49.7%, 0.105)",
+             :mint-alpha-7 "hsla(171, 100%, 49.9%, 0.266)",
+             :mint-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :olive-alpha
+            {:olive-alpha-7 "hsla(120, 99.3%, 5.2%, 0.153)",
+             :olive-alpha-6 "hsla(120, 94.8%, 6.8%, 0.122)",
+             :olive-alpha-11 "hsla(111, 95.2%, 2.5%, 0.585)",
+             :olive-alpha-8 "hsla(110, 93.8%, 5.2%, 0.240)",
+             :olive-alpha-10 "hsla(111, 93.5%, 2.9%, 0.499)",
+             :olive-alpha-5 "hsla(120, 86.0%, 6.9%, 0.099)",
+             :olive-alpha-12 "hsla(110, 97.6%, 2.6%, 0.930)",
+             :olive-alpha-9 "hsla(111, 98.7%, 3.0%, 0.459)",
+             :olive-alpha-2 "hsla(120, 87.7%, 16.0%, 0.028)",
+             :olive-alpha-4 "hsla(120, 92.3%, 8.5%, 0.075)",
+             :olive-alpha-3 "hsla(120, 99.5%, 7.7%, 0.051)",
+             :olive-alpha-1 "hsla(120, 89.3%, 18.3%, 0.012)"},
+            :grass-dark-alpha
+            {:grass-alpha-11 "hsla(130, 99.7%, 75.6%, 0.731)",
+             :grass-alpha-7 "hsla(132, 99.9%, 69.8%, 0.261)",
+             :grass-alpha-4 "hsla(130, 100%, 70.2%, 0.100)",
+             :grass-alpha-6 "hsla(132, 99.9%, 69.3%, 0.187)",
+             :grass-alpha-8 "hsla(130, 99.6%, 70.5%, 0.370)",
+             :grass-alpha-2 "hsla(107, 97.2%, 61.9%, 0.022)",
+             :grass-alpha-10 "hsla(131, 100%, 73.5%, 0.674)",
+             :grass-alpha-5 "hsla(130, 98.2%, 69.1%, 0.140)",
+             :grass-alpha-3 "hsla(128, 96.5%, 69.8%, 0.066)",
+             :grass-alpha-9 "hsla(130, 99.7%, 70.6%, 0.618)",
+             :grass-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :grass-alpha-12 "hsla(137, 100%, 95.8%, 0.980)"},
+            :gray-dark
+            {:gray-8 "hsl(0, 0%, 31.2%)",
+             :gray-12 "hsl(0, 0%, 93.0%)",
+             :gray-4 "hsl(0, 0%, 15.8%)",
+             :gray-3 "hsl(0, 0%, 13.6%)",
+             :gray-1 "hsl(0, 0%, 8.5%)",
+             :gray-2 "hsl(0, 0%, 11.0%)",
+             :gray-11 "hsl(0, 0%, 62.8%)",
+             :gray-5 "hsl(0, 0%, 17.9%)",
+             :gray-7 "hsl(0, 0%, 24.3%)",
+             :gray-9 "hsl(0, 0%, 43.9%)",
+             :gray-10 "hsl(0, 0%, 49.4%)",
+             :gray-6 "hsl(0, 0%, 20.5%)"},
+            :green-dark-alpha
+            {:green-alpha-3 "hsla(162, 98.7%, 57.9%, 0.070)",
+             :green-alpha-5 "hsla(158, 98.6%, 60.7%, 0.140)",
+             :green-alpha-6 "hsla(156, 99.9%, 62.0%, 0.187)",
+             :green-alpha-2 "hsla(169, 100%, 48.5%, 0.027)",
+             :green-alpha-12 "hsla(137, 100%, 95.8%, 0.980)",
+             :green-alpha-4 "hsla(158, 98.6%, 59.7%, 0.105)",
+             :green-alpha-7 "hsla(154, 99.5%, 63.1%, 0.257)",
+             :green-alpha-9 "hsla(151, 99.7%, 63.8%, 0.605)",
+             :green-alpha-10 "hsla(152, 99.9%, 66.5%, 0.661)",
+             :green-alpha-8 "hsla(152, 99.7%, 64.2%, 0.370)",
+             :green-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :green-alpha-11 "hsla(151, 99.7%, 69.2%, 0.740)"},
+            :plum
+            {:plum-9 "hsl(292, 45.0%, 51.0%)",
+             :plum-10 "hsl(292, 50.2%, 46.9%)",
+             :plum-4 "hsl(299, 62.0%, 93.8%)",
+             :plum-8 "hsl(292, 47.7%, 70.8%)",
+             :plum-1 "hsl(292, 90.0%, 99.4%)",
+             :plum-11 "hsl(292, 60.0%, 42.5%)",
+             :plum-2 "hsl(300, 100%, 98.6%)",
+             :plum-7 "hsl(295, 48.2%, 78.9%)",
+             :plum-12 "hsl(291, 66.0%, 14.0%)",
+             :plum-6 "hsl(296, 51.3%, 85.8%)",
+             :plum-5 "hsl(298, 56.1%, 90.5%)",
+             :plum-3 "hsl(299, 71.2%, 96.4%)"},
+            :pink
+            {:pink-6 "hsl(323, 66.3%, 86.6%)",
+             :pink-5 "hsl(323, 72.2%, 91.1%)",
+             :pink-10 "hsl(322, 63.9%, 50.7%)",
+             :pink-12 "hsl(320, 70.0%, 13.5%)",
+             :pink-9 "hsl(322, 65.0%, 54.5%)",
+             :pink-1 "hsl(322, 100%, 99.4%)",
+             :pink-3 "hsl(323, 86.3%, 96.5%)",
+             :pink-8 "hsl(323, 60.3%, 72.4%)",
+             :pink-2 "hsl(323, 100%, 98.4%)",
+             :pink-4 "hsl(323, 78.7%, 94.2%)",
+             :pink-7 "hsl(323, 62.0%, 80.1%)",
+             :pink-11 "hsl(322, 75.0%, 46.0%)"},
+            :teal
+            {:teal-3 "hsl(169, 59.8%, 94.0%)",
+             :teal-11 "hsl(174, 90.0%, 25.2%)",
+             :teal-6 "hsl(170, 42.6%, 77.9%)",
+             :teal-4 "hsl(169, 53.1%, 90.2%)",
+             :teal-2 "hsl(169, 64.7%, 96.7%)",
+             :teal-9 "hsl(173, 80.0%, 36.0%)",
+             :teal-7 "hsl(170, 39.9%, 68.1%)",
+             :teal-10 "hsl(173, 83.4%, 32.5%)",
+             :teal-12 "hsl(170, 50.0%, 12.5%)",
+             :teal-5 "hsl(170, 47.1%, 85.0%)",
+             :teal-1 "hsl(165, 60.0%, 98.8%)",
+             :teal-8 "hsl(172, 42.1%, 52.5%)"},
+            :sand-dark
+            {:sand-10 "hsl(52, 3.1%, 48.3%)",
+             :sand-3 "hsl(58, 3.7%, 13.1%)",
+             :sand-12 "hsl(56, 4.0%, 92.8%)",
+             :sand-2 "hsl(60, 3.7%, 10.6%)",
+             :sand-11 "hsl(50, 4.0%, 61.8%)",
+             :sand-7 "hsl(53, 3.7%, 23.6%)",
+             :sand-9 "hsl(50, 4.0%, 42.7%)",
+             :sand-6 "hsl(55, 3.7%, 19.9%)",
+             :sand-4 "hsl(57, 3.6%, 15.3%)",
+             :sand-1 "hsl(61, 2.0%, 8.3%)",
+             :sand-8 "hsl(50, 3.8%, 30.6%)",
+             :sand-5 "hsl(56, 3.7%, 17.4%)"},
+            :amber
+            {:amber-10 "hsl(35, 100%, 55.5%)",
+             :amber-1 "hsl(39, 70.0%, 99.0%)",
+             :amber-9 "hsl(39, 100%, 57.0%)",
+             :amber-7 "hsl(36, 86.1%, 67.1%)",
+             :amber-6 "hsl(38, 99.7%, 76.3%)",
+             :amber-3 "hsl(44, 100%, 91.7%)",
+             :amber-5 "hsl(42, 100%, 81.8%)",
+             :amber-4 "hsl(43, 100%, 86.8%)",
+             :amber-12 "hsl(20, 80.0%, 17.0%)",
+             :amber-11 "hsl(30, 100%, 34.0%)",
+             :amber-2 "hsl(40, 100%, 96.5%)",
+             :amber-8 "hsl(35, 85.2%, 55.1%)"},
+            :gold-dark-alpha
+            {:gold-alpha-7 "hsla(37, 99.3%, 82.4%, 0.246)",
+             :gold-alpha-8 "hsla(35, 98.7%, 82.2%, 0.363)",
+             :gold-alpha-2 "hsla(40, 93.7%, 70.6%, 0.022)",
+             :gold-alpha-10 "hsla(35, 99.2%, 83.7%, 0.613)",
+             :gold-alpha-12 "hsla(49, 98.6%, 96.7%, 0.966)",
+             :gold-alpha-5 "hsla(38, 97.3%, 82.1%, 0.130)",
+             :gold-alpha-4 "hsla(40, 95.9%, 80.8%, 0.100)",
+             :gold-alpha-11 "hsla(35, 99.3%, 85.3%, 0.725)",
+             :gold-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :gold-alpha-9 "hsla(36, 99.7%, 82.8%, 0.552)",
+             :gold-alpha-3 "hsla(40, 97.5%, 80.6%, 0.065)",
+             :gold-alpha-6 "hsla(39, 97.2%, 82.5%, 0.169)"},
+            :lime-dark
+            {:lime-4 "hsl(79, 50.3%, 12.1%)",
+             :lime-1 "hsl(75, 55.0%, 6.0%)",
+             :lime-10 "hsl(75, 85.0%, 60.0%)",
+             :lime-12 "hsl(84, 79.0%, 92.6%)",
+             :lime-5 "hsl(79, 52.6%, 14.2%)",
+             :lime-7 "hsl(77, 59.7%, 20.1%)",
+             :lime-2 "hsl(74, 56.8%, 7.3%)",
+             :lime-8 "hsl(75, 64.8%, 24.5%)",
+             :lime-6 "hsl(78, 55.7%, 16.7%)",
+             :lime-11 "hsl(81, 70.0%, 43.8%)",
+             :lime-3 "hsl(78, 50.2%, 9.9%)",
+             :lime-9 "hsl(81, 67.0%, 50.0%)"},
+            :brown-dark-alpha
+            {:brown-alpha-12 "hsla(32, 98.2%, 95.7%, 0.979)",
+             :brown-alpha-7 "hsla(25, 99.0%, 74.6%, 0.289)",
+             :brown-alpha-3 "hsla(18, 97.8%, 69.0%, 0.088)",
+             :brown-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :brown-alpha-4 "hsla(21, 98.2%, 71.0%, 0.123)",
+             :brown-alpha-11 "hsla(28, 99.9%, 74.9%, 0.843)",
+             :brown-alpha-10 "hsla(28, 99.9%, 74.9%, 0.712)",
+             :brown-alpha-5 "hsla(25, 98.4%, 72.1%, 0.158)",
+             :brown-alpha-8 "hsla(28, 99.2%, 75.3%, 0.407)",
+             :brown-alpha-6 "hsla(25, 98.7%, 73.5%, 0.206)",
+             :brown-alpha-9 "hsla(28, 100%, 74.8%, 0.642)",
+             :brown-alpha-2 "hsla(22, 99.6%, 53.6%, 0.035)"},
+            :plum-dark-alpha
+            {:plum-alpha-7 "hsla(294, 99.9%, 67.7%, 0.363)",
+             :plum-alpha-8 "hsla(292, 99.8%, 67.5%, 0.527)",
+             :plum-alpha-3 "hsla(300, 99.4%, 67.1%, 0.102)",
+             :plum-alpha-10 "hsla(295, 99.9%, 70.8%, 0.748)",
+             :plum-alpha-9 "hsla(292, 99.9%, 69.2%, 0.695)",
+             :plum-alpha-6 "hsla(294, 99.0%, 67.8%, 0.262)",
+             :plum-alpha-2 "hsla(300, 96.4%, 58.4%, 0.036)",
+             :plum-alpha-5 "hsla(295, 99.4%, 67.1%, 0.204)",
+             :plum-alpha-12 "hsla(300, 100%, 97.1%, 0.980)",
+             :plum-alpha-4 "hsla(295, 99.8%, 66.3%, 0.155)",
+             :plum-alpha-11 "hsla(300, 99.8%, 72.9%, 0.828)",
+             :plum-alpha-1 "hsla(0, 0%, 0%, 0)"},
+            :purple
+            {:purple-2 "hsl(276, 100%, 99.0%)",
+             :purple-10 "hsl(272, 46.8%, 50.3%)",
+             :purple-1 "hsl(280, 65.0%, 99.4%)",
+             :purple-7 "hsl(273, 61.0%, 81.7%)",
+             :purple-6 "hsl(274, 65.4%, 87.8%)",
+             :purple-12 "hsl(272, 66.0%, 16.0%)",
+             :purple-4 "hsl(275, 76.4%, 94.7%)",
+             :purple-8 "hsl(272, 60.0%, 73.5%)",
+             :purple-11 "hsl(272, 50.0%, 45.8%)",
+             :purple-5 "hsl(275, 70.8%, 91.8%)",
+             :purple-3 "hsl(276, 83.1%, 97.0%)",
+             :purple-9 "hsl(272, 51.0%, 54.0%)"},
+            :yellow-dark
+            {:yellow-8 "hsl(50, 100%, 22.0%)",
+             :yellow-7 "hsl(49, 90.3%, 18.4%)",
+             :yellow-9 "hsl(53, 92.0%, 50.0%)",
+             :yellow-12 "hsl(53, 100%, 91.0%)",
+             :yellow-3 "hsl(45, 100%, 8.7%)",
+             :yellow-1 "hsl(45, 100%, 5.5%)",
+             :yellow-6 "hsl(49, 100%, 14.3%)",
+             :yellow-2 "hsl(46, 100%, 6.7%)",
+             :yellow-4 "hsl(45, 100%, 10.4%)",
+             :yellow-10 "hsl(54, 100%, 68.0%)",
+             :yellow-11 "hsl(48, 100%, 47.0%)",
+             :yellow-5 "hsl(47, 100%, 12.1%)"},
+            :slate-dark
+            {:slate-10 "hsl(206, 5.2%, 49.5%)",
+             :slate-5 "hsl(199, 6.4%, 17.9%)",
+             :slate-2 "hsl(195, 7.1%, 11.0%)",
+             :slate-1 "hsl(200, 7.0%, 8.8%)",
+             :slate-6 "hsl(201, 6.2%, 20.5%)",
+             :slate-4 "hsl(198, 6.6%, 15.8%)",
+             :slate-7 "hsl(203, 6.0%, 24.3%)",
+             :slate-8 "hsl(207, 5.6%, 31.6%)",
+             :slate-3 "hsl(197, 6.8%, 13.6%)",
+             :slate-9 "hsl(206, 6.0%, 43.9%)",
+             :slate-11 "hsl(206, 6.0%, 63.0%)",
+             :slate-12 "hsl(210, 6.0%, 93.0%)"},
+            :red-dark
+            {:red-11 "hsl(358, 100%, 69.5%)",
+             :red-8 "hsl(358, 65.0%, 40.4%)",
+             :red-7 "hsl(357, 60.2%, 31.8%)",
+             :red-10 "hsl(358, 85.3%, 64.0%)",
+             :red-12 "hsl(351, 89.0%, 96.0%)",
+             :red-4 "hsl(356, 47.6%, 19.2%)",
+             :red-2 "hsl(357, 34.4%, 12.0%)",
+             :red-5 "hsl(356, 51.1%, 21.9%)",
+             :red-3 "hsl(356, 43.4%, 16.4%)",
+             :red-9 "hsl(358, 75.0%, 59.0%)",
+             :red-1 "hsl(353, 23.0%, 9.8%)",
+             :red-6 "hsl(356, 55.2%, 25.9%)"},
+            :orange-alpha
+            {:orange-alpha-8 "hsla(24, 99.7%, 48.7%, 0.695)",
+             :orange-alpha-2 "hsla(24, 95.8%, 46.5%, 0.044)",
+             :orange-alpha-4 "hsla(26, 100%, 50.0%, 0.157)",
+             :orange-alpha-12 "hsla(15, 99.4%, 11.0%, 0.934)",
+             :orange-alpha-7 "hsla(24, 100%, 50.1%, 0.495)",
+             :orange-alpha-5 "hsla(25, 100%, 50.1%, 0.236)",
+             :orange-alpha-9 "hsla(24, 99.9%, 48.4%, 0.969)",
+             :orange-alpha-10 "hsla(23, 100%, 46.4%, 0.980)",
+             :orange-alpha-1 "hsla(20, 94.9%, 38.7%, 0.016)",
+             :orange-alpha-3 "hsla(25, 100%, 50.5%, 0.095)",
+             :orange-alpha-6 "hsla(25, 100%, 50.1%, 0.346)",
+             :orange-alpha-11 "hsla(23, 100%, 36.8%, 0.980)"},
+            :sage-dark
+            {:sage-10 "hsl(153, 4.8%, 48.2%)",
+             :sage-7 "hsl(150, 5.5%, 23.6%)",
+             :sage-2 "hsl(150, 7.4%, 10.6%)",
+             :sage-11 "hsl(155, 5.0%, 61.8%)",
+             :sage-6 "hsl(150, 5.8%, 19.9%)",
+             :sage-4 "hsl(150, 6.4%, 15.3%)",
+             :sage-5 "hsl(150, 6.1%, 17.4%)",
+             :sage-9 "hsl(155, 6.0%, 42.5%)",
+             :sage-3 "hsl(150, 6.7%, 13.1%)",
+             :sage-1 "hsl(155, 7.0%, 8.4%)",
+             :sage-8 "hsl(150, 5.1%, 30.6%)",
+             :sage-12 "hsl(155, 6.0%, 93.0%)"},
+            :mauve-alpha
+            {:mauve-alpha-1 "hsla(300, 89.3%, 18.3%, 0.012)",
+             :mauve-alpha-8 "hsla(255, 95.2%, 3.7%, 0.220)",
+             :mauve-alpha-11 "hsla(247, 97.9%, 3.2%, 0.569)",
+             :mauve-alpha-2 "hsla(300, 78.1%, 9.0%, 0.028)",
+             :mauve-alpha-10 "hsla(253, 96.5%, 3.8%, 0.483)",
+             :mauve-alpha-5 "hsla(270, 83.0%, 5.2%, 0.091)",
+             :mauve-alpha-12 "hsla(261, 98.7%, 3.0%, 0.918)",
+             :mauve-alpha-7 "hsla(270, 82.6%, 3.3%, 0.142)",
+             :mauve-alpha-6 "hsla(300, 93.5%, 3.7%, 0.114)",
+             :mauve-alpha-9 "hsla(255, 94.8%, 3.7%, 0.444)",
+             :mauve-alpha-3 "hsla(300, 99.5%, 7.7%, 0.051)",
+             :mauve-alpha-4 "hsla(270, 90.5%, 6.1%, 0.071)"},
+            :sage-dark-alpha
+            {:sage-alpha-12 "hsla(149, 93.3%, 99.6%, 0.927)",
+             :sage-alpha-7 "hsla(143, 92.8%, 95.7%, 0.173)",
+             :sage-alpha-4 "hsla(124, 97.9%, 94.5%, 0.082)",
+             :sage-alpha-9 "hsla(151, 98.2%, 94.4%, 0.397)",
+             :sage-alpha-8 "hsla(146, 94.7%, 95.3%, 0.255)",
+             :sage-alpha-2 "hsla(123, 94.4%, 91.4%, 0.026)",
+             :sage-alpha-6 "hsla(142, 95.1%, 94.8%, 0.134)",
+             :sage-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :sage-alpha-3 "hsla(123, 82.9%, 91.0%, 0.057)",
+             :sage-alpha-11 "hsla(152, 95.1%, 97.3%, 0.600)",
+             :sage-alpha-5 "hsla(125, 90.0%, 95.2%, 0.104)",
+             :sage-alpha-10 "hsla(148, 99.5%, 95.5%, 0.457)"},
+            :brown
+            {:brown-1 "hsl(30, 40.0%, 99.1%)",
+             :brown-5 "hsl(29, 52.9%, 86.8%)",
+             :brown-6 "hsl(29, 52.5%, 80.9%)",
+             :brown-10 "hsl(27, 31.8%, 47.6%)",
+             :brown-11 "hsl(25, 30.0%, 41.0%)",
+             :brown-8 "hsl(28, 50.0%, 63.1%)",
+             :brown-9 "hsl(28, 34.0%, 51.0%)",
+             :brown-2 "hsl(30, 50.0%, 97.6%)",
+             :brown-12 "hsl(20, 30.0%, 19.0%)",
+             :brown-7 "hsl(29, 51.5%, 72.8%)",
+             :brown-3 "hsl(30, 52.5%, 94.6%)",
+             :brown-4 "hsl(30, 53.0%, 91.2%)"},
+            :mauve-dark-alpha
+            {:mauve-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :mauve-alpha-8 "hsla(249, 98.1%, 95.2%, 0.273)",
+             :mauve-alpha-11 "hsla(250, 98.0%, 98.0%, 0.615)",
+             :mauve-alpha-2 "hsla(240, 76.7%, 91.2%, 0.031)",
+             :mauve-alpha-10 "hsla(248, 95.5%, 96.6%, 0.477)",
+             :mauve-alpha-5 "hsla(240, 91.5%, 95.8%, 0.113)",
+             :mauve-alpha-12 "hsla(240, 93.9%, 99.6%, 0.931)",
+             :mauve-alpha-7 "hsla(240, 94.8%, 95.3%, 0.191)",
+             :mauve-alpha-6 "hsla(240, 92.0%, 93.8%, 0.148)",
+             :mauve-alpha-9 "hsla(248, 97.6%, 96.2%, 0.416)",
+             :mauve-alpha-3 "hsla(240, 86.0%, 95.8%, 0.061)",
+             :mauve-alpha-4 "hsla(240, 91.8%, 94.7%, 0.087)"},
+            :indigo-dark-alpha
+            {:indigo-alpha-10 "hsla(227, 99.8%, 67.7%, 0.893)",
+             :indigo-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :indigo-alpha-12 "hsla(226, 100%, 97.5%, 0.980)",
+             :indigo-alpha-5 "hsla(227, 99.2%, 62.3%, 0.270)",
+             :indigo-alpha-9 "hsla(226, 99.9%, 63.6%, 0.848)",
+             :indigo-alpha-8 "hsla(226, 99.9%, 62.1%, 0.655)",
+             :indigo-alpha-6 "hsla(226, 99.9%, 62.1%, 0.350)",
+             :indigo-alpha-3 "hsla(228, 99.2%, 61.7%, 0.144)",
+             :indigo-alpha-11 "hsla(227, 100%, 76.3%, 0.980)",
+             :indigo-alpha-4 "hsla(227, 99.7%, 62.0%, 0.211)",
+             :indigo-alpha-2 "hsla(234, 97.4%, 59.9%, 0.059)",
+             :indigo-alpha-7 "hsla(226, 99.9%, 62.0%, 0.471)"},
+            :sky
+            {:sky-2 "hsl(193, 100%, 97.3%)",
+             :sky-6 "hsl(194, 74.1%, 79.5%)",
+             :sky-4 "hsl(193, 91.4%, 91.4%)",
+             :sky-10 "hsl(193, 87.0%, 66.5%)",
+             :sky-1 "hsl(193, 100%, 98.8%)",
+             :sky-12 "hsl(195, 100%, 13.0%)",
+             :sky-5 "hsl(194, 82.0%, 86.6%)",
+             :sky-11 "hsl(195, 100%, 31.5%)",
+             :sky-8 "hsl(193, 77.9%, 53.9%)",
+             :sky-7 "hsl(194, 72.3%, 69.6%)",
+             :sky-3 "hsl(193, 99.0%, 94.7%)",
+             :sky-9 "hsl(193, 98.0%, 70.0%)"},
+            :slate-dark-alpha
+            {:slate-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :slate-alpha-12 "hsla(211, 86.7%, 99.6%, 0.927)",
+             :slate-alpha-3 "hsla(182, 86.7%, 91.4%, 0.057)",
+             :slate-alpha-9 "hsla(207, 97.3%, 94.0%, 0.412)",
+             :slate-alpha-7 "hsla(204, 98.5%, 93.9%, 0.182)",
+             :slate-alpha-8 "hsla(209, 94.0%, 94.7%, 0.265)",
+             :slate-alpha-2 "hsla(181, 98.9%, 91.8%, 0.026)",
+             :slate-alpha-6 "hsla(209, 95.3%, 93.5%, 0.139)",
+             :slate-alpha-10 "hsla(209, 99.4%, 95.2%, 0.472)",
+             :slate-alpha-11 "hsla(208, 98.7%, 96.8%, 0.615)",
+             :slate-alpha-5 "hsla(200, 90.3%, 93.4%, 0.109)",
+             :slate-alpha-4 "hsla(209, 86.7%, 93.9%, 0.083)"},
+            :olive
+            {:olive-2 "hsl(120, 16.7%, 97.6%)",
+             :olive-1 "hsl(110, 20.0%, 99.0%)",
+             :olive-8 "hsl(110, 5.2%, 77.3%)",
+             :olive-11 "hsl(110, 3.0%, 43.0%)",
+             :olive-9 "hsl(110, 3.5%, 55.5%)",
+             :olive-12 "hsl(110, 25.0%, 9.5%)",
+             :olive-7 "hsl(114, 5.9%, 85.4%)",
+             :olive-10 "hsl(111, 2.8%, 51.7%)",
+             :olive-6 "hsl(115, 6.4%, 88.5%)",
+             :olive-5 "hsl(117, 7.1%, 90.8%)",
+             :olive-4 "hsl(118, 8.1%, 93.0%)",
+             :olive-3 "hsl(119, 10.1%, 95.2%)"},
+            :tomato
+            {:tomato-2 "hsl(8, 100%, 98.4%)",
+             :tomato-11 "hsl(10, 82.0%, 43.5%)",
+             :tomato-6 "hsl(9, 84.7%, 86.3%)",
+             :tomato-1 "hsl(10, 100%, 99.4%)",
+             :tomato-3 "hsl(8, 100%, 96.6%)",
+             :tomato-10 "hsl(10, 71.5%, 50.0%)",
+             :tomato-12 "hsl(10, 50.0%, 13.5%)",
+             :tomato-8 "hsl(10, 71.6%, 71.0%)",
+             :tomato-7 "hsl(10, 77.3%, 79.5%)",
+             :tomato-4 "hsl(8, 100%, 94.3%)",
+             :tomato-9 "hsl(10, 78.0%, 54.0%)",
+             :tomato-5 "hsl(8, 92.8%, 91.0%)"},
+            :orange-dark
+            {:orange-1 "hsl(30, 70.0%, 7.2%)",
+             :orange-6 "hsl(24, 88.6%, 19.8%)",
+             :orange-8 "hsl(25, 100%, 29.0%)",
+             :orange-11 "hsl(24, 100%, 62.2%)",
+             :orange-10 "hsl(24, 100%, 58.5%)",
+             :orange-7 "hsl(24, 92.4%, 24.0%)",
+             :orange-2 "hsl(28, 100%, 8.4%)",
+             :orange-12 "hsl(24, 97.0%, 93.2%)",
+             :orange-5 "hsl(24, 87.6%, 16.6%)",
+             :orange-4 "hsl(25, 88.3%, 14.1%)",
+             :orange-3 "hsl(26, 91.1%, 11.6%)",
+             :orange-9 "hsl(24, 94.0%, 50.0%)"},
+            :plum-alpha
+            {:plum-alpha-7 "hsla(295, 99.7%, 32.6%, 0.314)",
+             :plum-alpha-8 "hsla(292, 99.6%, 32.4%, 0.432)",
+             :plum-alpha-3 "hsla(300, 99.0%, 40.9%, 0.063)",
+             :plum-alpha-10 "hsla(292, 99.9%, 30.8%, 0.765)",
+             :plum-alpha-9 "hsla(292, 99.9%, 31.0%, 0.710)",
+             :plum-alpha-6 "hsla(297, 99.6%, 33.7%, 0.216)",
+             :plum-alpha-2 "hsla(300, 100%, 51.0%, 0.028)",
+             :plum-alpha-5 "hsla(298, 98.2%, 35.9%, 0.150)",
+             :plum-alpha-12 "hsla(291, 99.9%, 9.7%, 0.953)",
+             :plum-alpha-4 "hsla(300, 99.9%, 38.5%, 0.102)",
+             :plum-alpha-11 "hsla(292, 99.8%, 30.7%, 0.832)",
+             :plum-alpha-1 "hsla(280, 100%, 51.0%, 0.012)"},
+            :blue-alpha
+            {:blue-alpha-8 "hsla(206, 99.8%, 45.1%, 0.632)",
+             :blue-alpha-7 "hsla(208, 99.9%, 43.8%, 0.412)",
+             :blue-alpha-6 "hsla(209, 99.5%, 45.3%, 0.283)",
+             :blue-alpha-10 "hsla(208, 100%, 47.2%, 0.980)",
+             :blue-alpha-12 "hsla(213, 100%, 14.4%, 0.980)",
+             :blue-alpha-3 "hsla(210, 100%, 50.3%, 0.071)",
+             :blue-alpha-9 "hsla(206, 100%, 50.0%, 0.980)",
+             :blue-alpha-1 "hsla(210, 100%, 51.0%, 0.016)",
+             :blue-alpha-4 "hsla(210, 100%, 50.1%, 0.118)",
+             :blue-alpha-5 "hsla(208, 99.1%, 47.1%, 0.189)",
+             :blue-alpha-11 "hsla(212, 100%, 43.0%, 0.980)",
+             :blue-alpha-2 "hsla(210, 100%, 51.0%, 0.040)"},
+            :cyan-dark
+            {:cyan-5 "hsl(192, 82.5%, 14.6%)",
+             :cyan-9 "hsl(190, 95.0%, 39.0%)",
+             :cyan-4 "hsl(192, 79.3%, 12.8%)",
+             :cyan-10 "hsl(188, 100%, 40.0%)",
+             :cyan-3 "hsl(192, 75.9%, 10.8%)",
+             :cyan-1 "hsl(192, 60.0%, 7.2%)",
+             :cyan-6 "hsl(192, 86.6%, 16.9%)",
+             :cyan-2 "hsl(192, 71.4%, 8.2%)",
+             :cyan-11 "hsl(186, 100%, 42.2%)",
+             :cyan-12 "hsl(185, 73.0%, 93.2%)",
+             :cyan-7 "hsl(192, 92.6%, 20.1%)",
+             :cyan-8 "hsl(192, 100%, 24.5%)"},
+            :cyan-dark-alpha
+            {:cyan-alpha-3 "hsla(192, 98.0%, 50.9%, 0.085)",
+             :cyan-alpha-5 "hsla(192, 99.5%, 51.3%, 0.173)",
+             :cyan-alpha-11 "hsla(186, 100%, 49.9%, 0.824)",
+             :cyan-alpha-2 "hsla(196, 100%, 50.0%, 0.031)",
+             :cyan-alpha-7 "hsla(192, 100%, 50.0%, 0.310)",
+             :cyan-alpha-6 "hsla(193, 99.7%, 50.4%, 0.226)",
+             :cyan-alpha-1 "hsla(0, 0%, 0%, 0)",
+             :cyan-alpha-10 "hsla(188, 100%, 50.0%, 0.775)",
+             :cyan-alpha-12 "hsla(185, 99.8%, 95.1%, 0.978)",
+             :cyan-alpha-8 "hsla(193, 100%, 50.0%, 0.425)",
+             :cyan-alpha-9 "hsla(190, 99.8%, 50.8%, 0.731)",
+             :cyan-alpha-4 "hsla(194, 99.6%, 51.3%, 0.133)"},
+            :green-alpha
+            {:green-alpha-3 "hsla(139, 97.7%, 36.9%, 0.087)",
+             :green-alpha-5 "hsla(141, 100%, 30.4%, 0.200)",
+             :green-alpha-6 "hsla(142, 99.0%, 28.9%, 0.295)",
+             :green-alpha-2 "hsla(138, 99.9%, 38.5%, 0.051)",
+             :green-alpha-12 "hsla(155, 99.4%, 6.2%, 0.918)",
+             :green-alpha-4 "hsla(139, 98.5%, 32.7%, 0.134)",
+             :green-alpha-7 "hsla(146, 99.5%, 27.6%, 0.428)",
+             :green-alpha-9 "hsla(151, 99.9%, 28.0%, 0.812)",
+             :green-alpha-10 "hsla(152, 99.6%, 25.8%, 0.840)",
+             :green-alpha-8 "hsla(151, 99.5%, 28.8%, 0.644)",
+             :green-alpha-1 "hsla(140, 94.9%, 38.7%, 0.016)",
+             :green-alpha-11 "hsla(153, 99.9%, 21.0%, 0.906)"}})
+
+(def color-list [:tomato :red :crimson :pink :plum :purple :violet :indigo :blue :cyan :teal :green :grass :orange :brown])
+(def inverted-color-list [:sky :mint :lime :yellow :amber])
+(def gray-list [:gray :mauve :slate :sage :olive :sand])
+
+(def gray-pairing-map {:tomato :mauve :red :mauve :crimson :mauve :pink :mauve :plum :mauve :purple :mauve :violet :mauve 
+                       :indigo :slate :blue :slate :sky :slate :cyan :slate 
+                       :teal :sage :mint :sage :green :sage 
+                       :grass :olive :lime :olive 
+                       :yellow :sand :amber :sand :orange :sand :brown :sand})
+
+(defn get-color
+  ; ([value])
+  ([color value] 
+   (get-color color value {}))
+  ([color value & {:keys [dark alpha]}] 
+   (let [color-name (cond-> (name color)
+                      dark (str "-dark")
+                      alpha (str "-alpha"))
+         color-value (cond-> (name color)
+                       alpha (str "-alpha")
+                       :always (str "-" value))]
+     (js/console.log (clj->js [color value dark alpha]) 
+                     color-name color-value
+                     (get-in radix [(keyword color-name) (keyword color-value)]))
+     (get-in radix [(keyword color-name) (keyword color-value)]))))
+
+(defn set-radix [color]
+  (js/console.log "set-radix" (pr-str color))
+  (let [style-tag (or (js/document.querySelector "style#color-variables") 
+                      (js/document.createElement "style"))
+        steps ["01" "02" "03" "04" "05" "06" "07" "08" "09" "10" "11" "12" "01-alpha" "02-alpha" "03-alpha" "04-alpha" "05-alpha" "06-alpha" "07-alpha" "08-alpha" "09-alpha" "10-alpha" "11-alpha" "12-alpha"]
+        gray (get gray-pairing-map color)
+        accent (map #(str "--lx-accent-" % ": var(--rx-" (name color) "-" % "); ") steps)
+        gray   (map #(str "--lx-gray-" % ": var(--rx-" (name gray) "-" % "); ") steps)]
+    (set! (.-id style-tag) "color-variables")
+    ; (set! (.-innerHTML style-tag) (str/join "\n" (flatten [":root {" accent gray "}"])))
+    (->> [":root {" accent gray "}"]
+         (flatten)
+         (str/join "\n")
+         (set! (.-innerHTML style-tag)))
+    (js/document.head.appendChild style-tag)))
+
+(defn unset-radix [])

+ 26 - 0
src/main/frontend/components/settings.css

@@ -312,6 +312,7 @@
       pointer-events: none;
     }
   }
+
 }
 
 .cp__assets {
@@ -465,3 +466,28 @@ svg.git {
 svg.cmd {
   margin-left: -1px;
 }
+
+.cp__settings-main .theme-row--color {
+  @apply flex flex-col items-center; 
+  width: 2rem; 
+  padding-top: 1rem;
+}
+
+.cp__settings-main .theme-row--color-swatch {
+  @apply rounded-full;
+  width: 2rem;
+  height: 2rem;
+  background: var(--background);
+  border: 3px solid var(--border);
+  /* border: 3px solid orange; */
+}
+
+.cp__settings-main .theme-row--color-swatch:hover {
+  background: var(--background-hover);
+  border-color: var(--border-hover);
+}
+
+.cp__settings-main .selected .theme-row--color-swatch,
+.cp__settings-main .selected .theme-row--color-swatch:hover {
+  background: var(--background-active);
+}

+ 15 - 1
src/main/frontend/state.cljs

@@ -7,6 +7,7 @@
             [clojure.string :as string]
             [dommy.core :as dom]
             [electron.ipc :as ipc]
+            [frontend.colors :as colors]
             [frontend.mobile.util :as mobile-util]
             [frontend.storage :as storage]
             [frontend.spec.storage :as storage-spec]
@@ -287,7 +288,10 @@
      :whiteboard/pending-tx-data            {}
      :history/page-only-mode?               false
      ;; db tx-id -> editor cursor
-     :history/tx->editor-cursor             {}})))
+     :history/tx->editor-cursor             {}
+
+     ;; new theming 
+     :color/accent                           nil})))
 
 ;; Block ast state
 ;; ===============
@@ -2124,3 +2128,13 @@ Similar to re-frame subscriptions"
 (defn clear-user-info!
   []
   (storage/remove :user-groups))
+
+(defn toggle-color-accent! [color]
+  (if (= color (get @state :color/accent))
+    (do (swap! state assoc :color/accent nil)
+        (colors/unset-radix))
+    (do (swap! state assoc :color/accent color)
+        (colors/set-radix color))))
+
+(defn get-color-accent []
+  (get @state :color/accent))

+ 1 - 0
tailwind.all.css

@@ -16,6 +16,7 @@
 @import "resources/css/codemirror.solarized.css";
 @import "resources/css/show-hint.css";
 
+@import "resources/css/radix.css";
 @import "resources/css/animation.css";
 @import "resources/css/table.css";
 @import "resources/css/datepicker.css";