/* * Radix/scale/brand --color-* CSS variables, with per-theme values inlined. * * Hand-edited. Source palette: @radix-ui/colors (light/dark hue scales) plus a * curated brand scale. The Briven `scale` namespace maps to slate in light * and gray in dark (scale-1100 dark is the hard-coded #bbbbbb override that * predates the migration). * * Brand steps 200..600 stay as hsl(var(--brand-{step})) because those tokens * are semantic — light/dark values live in the theme files (light.css / * dark.css), not here. * * theme.css references these vars from its @theme inline block so Tailwind v4 * generates the bg-/text-/border-/ring- utilities. */ :root { --color-amber-100: hsl(39, 70%, 99%); --color-amber-200: hsl(40, 100%, 96.5%); --color-amber-300: hsl(44, 100%, 91.7%); --color-amber-400: hsl(43, 100%, 86.8%); --color-amber-500: hsl(42, 100%, 81.8%); --color-amber-600: hsl(38, 99.7%, 76.3%); --color-amber-700: hsl(36, 86.1%, 67.1%); --color-amber-800: hsl(35, 85.2%, 55.1%); --color-amber-900: hsl(39, 100%, 57%); --color-amber-1000: hsl(35, 100%, 55.5%); --color-amber-1100: hsl(30, 100%, 34%); --color-amber-1200: hsl(20, 80%, 17%); --color-blue-100: hsl(206, 100%, 99.2%); --color-blue-200: hsl(210, 100%, 98%); --color-blue-300: hsl(209, 100%, 96.5%); --color-blue-400: hsl(210, 98.8%, 94%); --color-blue-500: hsl(209, 95%, 90.1%); --color-blue-600: hsl(209, 81.2%, 84.5%); --color-blue-700: hsl(208, 77.5%, 76.9%); --color-blue-800: hsl(206, 81.9%, 65.3%); --color-blue-900: hsl(206, 100%, 50%); --color-blue-1000: hsl(208, 100%, 47.3%); --color-blue-1100: hsl(211, 100%, 43.2%); --color-blue-1200: hsl(211, 100%, 15%); --color-crimson-100: hsl(332, 100%, 99.4%); --color-crimson-200: hsl(330, 100%, 98.4%); --color-crimson-300: hsl(331, 85.6%, 96.6%); --color-crimson-400: hsl(331, 78.1%, 94.2%); --color-crimson-500: hsl(332, 72.1%, 91.1%); --color-crimson-600: hsl(333, 67%, 86.7%); --color-crimson-700: hsl(335, 63.5%, 80.4%); --color-crimson-800: hsl(336, 62.3%, 72.9%); --color-crimson-900: hsl(336, 80%, 57.8%); --color-crimson-1000: hsl(336, 73.7%, 53.5%); --color-crimson-1100: hsl(336, 75%, 47.2%); --color-crimson-1200: hsl(340, 65%, 14.5%); --color-gold-100: hsl(50, 20%, 99.1%); --color-gold-200: hsl(47, 52.9%, 96.7%); --color-gold-300: hsl(46, 38.2%, 93.7%); --color-gold-400: hsl(44, 32.7%, 90.1%); --color-gold-500: hsl(43, 29.9%, 85.7%); --color-gold-600: hsl(41, 28.3%, 79.8%); --color-gold-700: hsl(39, 27.6%, 71.9%); --color-gold-800: hsl(36, 27.2%, 61.8%); --color-gold-900: hsl(36, 20%, 49.5%); --color-gold-1000: hsl(36, 19.8%, 45.7%); --color-gold-1100: hsl(36, 20%, 39%); --color-gold-1200: hsl(36, 16%, 20%); --color-gray-100: hsl(0, 0%, 99%); --color-gray-200: hsl(0, 0%, 97.3%); --color-gray-300: hsl(0, 0%, 95.1%); --color-gray-400: hsl(0, 0%, 93%); --color-gray-500: hsl(0, 0%, 90.9%); --color-gray-600: hsl(0, 0%, 88.7%); --color-gray-700: hsl(0, 0%, 85.8%); --color-gray-800: hsl(0, 0%, 78%); --color-gray-900: hsl(0, 0%, 56.1%); --color-gray-1000: hsl(0, 0%, 52.3%); --color-gray-1100: hsl(0, 0%, 43.5%); --color-gray-1200: hsl(0, 0%, 9%); --color-green-100: hsl(136, 50%, 98.9%); --color-green-200: hsl(138, 62.5%, 96.9%); --color-green-300: hsl(139, 55.2%, 94.5%); --color-green-400: hsl(140, 48.7%, 91%); --color-green-500: hsl(141, 43.7%, 86%); --color-green-600: hsl(143, 40.3%, 79%); --color-green-700: hsl(146, 38.5%, 69%); --color-green-800: hsl(151, 40.2%, 54.1%); --color-green-900: hsl(151, 55%, 41.5%); --color-green-1000: hsl(152, 57.5%, 37.6%); --color-green-1100: hsl(153, 67%, 28.5%); --color-green-1200: hsl(155, 40%, 14%); --color-indigo-100: hsl(225, 60%, 99.4%); --color-indigo-200: hsl(223, 100%, 98.6%); --color-indigo-300: hsl(223, 98.4%, 97.1%); --color-indigo-400: hsl(223, 92.9%, 95%); --color-indigo-500: hsl(224, 87.1%, 92%); --color-indigo-600: hsl(224, 81.9%, 87.8%); --color-indigo-700: hsl(225, 77.4%, 82.1%); --color-indigo-800: hsl(226, 75.4%, 74.5%); --color-indigo-900: hsl(226, 70%, 55.5%); --color-indigo-1000: hsl(226, 58.6%, 51.3%); --color-indigo-1100: hsl(226, 55%, 45%); --color-indigo-1200: hsl(226, 62%, 17%); --color-orange-100: hsl(24, 70%, 99%); --color-orange-200: hsl(24, 83.3%, 97.6%); --color-orange-300: hsl(24, 100%, 95.3%); --color-orange-400: hsl(25, 100%, 92.2%); --color-orange-500: hsl(25, 100%, 88.2%); --color-orange-600: hsl(25, 100%, 82.8%); --color-orange-700: hsl(24, 100%, 75.3%); --color-orange-800: hsl(24, 94.5%, 64.3%); --color-orange-900: hsl(24, 94%, 50%); --color-orange-1000: hsl(24, 100%, 46.5%); --color-orange-1100: hsl(24, 100%, 37%); --color-orange-1200: hsl(15, 60%, 17%); --color-pink-100: hsl(322, 100%, 99.4%); --color-pink-200: hsl(323, 100%, 98.4%); --color-pink-300: hsl(323, 86.3%, 96.5%); --color-pink-400: hsl(323, 78.7%, 94.2%); --color-pink-500: hsl(323, 72.2%, 91.1%); --color-pink-600: hsl(323, 66.3%, 86.6%); --color-pink-700: hsl(323, 62%, 80.1%); --color-pink-800: hsl(323, 60.3%, 72.4%); --color-pink-900: hsl(322, 65%, 54.5%); --color-pink-1000: hsl(322, 63.9%, 50.7%); --color-pink-1100: hsl(322, 75%, 46%); --color-pink-1200: hsl(320, 70%, 13.5%); --color-purple-100: hsl(280, 65%, 99.4%); --color-purple-200: hsl(276, 100%, 99%); --color-purple-300: hsl(276, 83.1%, 97%); --color-purple-400: hsl(275, 76.4%, 94.7%); --color-purple-500: hsl(275, 70.8%, 91.8%); --color-purple-600: hsl(274, 65.4%, 87.8%); --color-purple-700: hsl(273, 61%, 81.7%); --color-purple-800: hsl(272, 60%, 73.5%); --color-purple-900: hsl(272, 51%, 54%); --color-purple-1000: hsl(272, 46.8%, 50.3%); --color-purple-1100: hsl(272, 50%, 45.8%); --color-purple-1200: hsl(272, 66%, 16%); --color-red-100: hsl(359, 100%, 99.4%); --color-red-200: hsl(359, 100%, 98.6%); --color-red-300: hsl(360, 100%, 96.8%); --color-red-400: hsl(360, 97.9%, 94.8%); --color-red-500: hsl(360, 90.2%, 91.9%); --color-red-600: hsl(360, 81.7%, 87.8%); --color-red-700: hsl(359, 74.2%, 81.7%); --color-red-800: hsl(359, 69.5%, 74.3%); --color-red-900: hsl(358, 75%, 59%); --color-red-1000: hsl(358, 69.4%, 55.2%); --color-red-1100: hsl(358, 65%, 48.7%); --color-red-1200: hsl(354, 50%, 14.6%); --color-slate-100: hsl(206, 30%, 98.8%); --color-slate-200: hsl(210, 16.7%, 97.6%); --color-slate-300: hsl(209, 13.3%, 95.3%); --color-slate-400: hsl(209, 12.2%, 93.2%); --color-slate-500: hsl(208, 11.7%, 91.1%); --color-slate-600: hsl(208, 11.3%, 88.9%); --color-slate-700: hsl(207, 11.1%, 85.9%); --color-slate-800: hsl(205, 10.7%, 78%); --color-slate-900: hsl(206, 6%, 56.1%); --color-slate-1000: hsl(206, 5.8%, 52.3%); --color-slate-1100: hsl(206, 6%, 43.5%); --color-slate-1200: hsl(206, 24%, 9%); --color-tomato-100: hsl(10, 100%, 99.4%); --color-tomato-200: hsl(8, 100%, 98.4%); --color-tomato-300: hsl(8, 100%, 96.6%); --color-tomato-400: hsl(8, 100%, 94.3%); --color-tomato-500: hsl(8, 92.8%, 91%); --color-tomato-600: hsl(9, 84.7%, 86.3%); --color-tomato-700: hsl(10, 77.3%, 79.5%); --color-tomato-800: hsl(10, 71.6%, 71%); --color-tomato-900: hsl(10, 78%, 54%); --color-tomato-1000: hsl(10, 71.5%, 50%); --color-tomato-1100: hsl(10, 82%, 43.5%); --color-tomato-1200: hsl(10, 50%, 13.5%); --color-violet-100: hsl(255, 65%, 99.4%); --color-violet-200: hsl(252, 100%, 99%); --color-violet-300: hsl(252, 96.9%, 97.4%); --color-violet-400: hsl(252, 91.5%, 95.5%); --color-violet-500: hsl(252, 85.1%, 93%); --color-violet-600: hsl(252, 77.8%, 89.4%); --color-violet-700: hsl(252, 71%, 83.7%); --color-violet-800: hsl(252, 68.6%, 76.3%); --color-violet-900: hsl(252, 56%, 57.5%); --color-violet-1000: hsl(251, 48.1%, 53.5%); --color-violet-1100: hsl(250, 43%, 48%); --color-violet-1200: hsl(254, 60%, 18.5%); --color-yellow-100: hsl(60, 54%, 98.5%); --color-yellow-200: hsl(52, 100%, 95.5%); --color-yellow-300: hsl(55, 100%, 90.9%); --color-yellow-400: hsl(54, 100%, 86.6%); --color-yellow-500: hsl(52, 97.9%, 82%); --color-yellow-600: hsl(50, 89.4%, 76.1%); --color-yellow-700: hsl(47, 80.4%, 68%); --color-yellow-800: hsl(48, 100%, 46.1%); --color-yellow-900: hsl(53, 92%, 50%); --color-yellow-1000: hsl(50, 100%, 48.5%); --color-yellow-1100: hsl(42, 100%, 29%); --color-yellow-1200: hsl(40, 55%, 13.5%); --color-scale-100: hsl(206, 30%, 98.8%); --color-scale-200: hsl(210, 16.7%, 97.6%); --color-scale-300: hsl(209, 13.3%, 95.3%); --color-scale-400: hsl(209, 12.2%, 93.2%); --color-scale-500: hsl(208, 11.7%, 91.1%); --color-scale-600: hsl(208, 11.3%, 88.9%); --color-scale-700: hsl(207, 11.1%, 85.9%); --color-scale-800: hsl(205, 10.7%, 78%); --color-scale-900: hsl(206, 6%, 56.1%); --color-scale-1000: hsl(206, 5.8%, 52.3%); --color-scale-1100: hsl(206, 6%, 43.5%); --color-scale-1200: hsl(206, 24%, 9%); --color-brand-100: hsla(153, 80%, 99%, 1); --color-brand-200: hsl(var(--brand-200)); --color-brand-300: hsl(var(--brand-300)); --color-brand-400: hsl(var(--brand-400)); --color-brand-500: hsl(var(--brand-500)); --color-brand-600: hsl(var(--brand-600)); --color-brand-700: hsla(149, 43%, 69%, 1); --color-brand-800: hsla(154, 55%, 45%, 1); --color-brand-900: hsla(153, 60%, 53%, 1); --color-brand-1000: hsla(153, 50%, 50%, 1); --color-brand-1100: hsla(153, 50%, 34%, 1); --color-brand-1200: hsla(153, 40%, 12%, 1); } [data-theme*='dark'] { --color-amber-100: hsl(36, 100%, 6.1%); --color-amber-200: hsl(35, 100%, 7.6%); --color-amber-300: hsl(32, 100%, 10.2%); --color-amber-400: hsl(32, 100%, 12.4%); --color-amber-500: hsl(33, 100%, 14.6%); --color-amber-600: hsl(35, 100%, 17.1%); --color-amber-700: hsl(35, 91%, 21.6%); --color-amber-800: hsl(36, 100%, 25.5%); --color-amber-900: hsl(39, 100%, 57%); --color-amber-1000: hsl(43, 100%, 64%); --color-amber-1100: hsl(39, 90%, 49.8%); --color-amber-1200: hsl(39, 97%, 93.2%); --color-blue-100: hsl(212, 35%, 9.2%); --color-blue-200: hsl(216, 50%, 11.8%); --color-blue-300: hsl(214, 59.4%, 15.3%); --color-blue-400: hsl(214, 65.8%, 17.9%); --color-blue-500: hsl(213, 71.2%, 20.2%); --color-blue-600: hsl(212, 77.4%, 23.1%); --color-blue-700: hsl(211, 85.1%, 27.4%); --color-blue-800: hsl(211, 89.7%, 34.1%); --color-blue-900: hsl(206, 100%, 50%); --color-blue-1000: hsl(209, 100%, 60.6%); --color-blue-1100: hsl(210, 100%, 66.1%); --color-blue-1200: hsl(206, 98%, 95.8%); --color-crimson-100: hsl(335, 20%, 9.6%); --color-crimson-200: hsl(335, 32.2%, 11.6%); --color-crimson-300: hsl(335, 42.5%, 16.5%); --color-crimson-400: hsl(335, 47.2%, 19.3%); --color-crimson-500: hsl(335, 50.9%, 21.8%); --color-crimson-600: hsl(335, 55.7%, 25.3%); --color-crimson-700: hsl(336, 62.9%, 30.8%); --color-crimson-800: hsl(336, 74.9%, 39%); --color-crimson-900: hsl(336, 80%, 57.8%); --color-crimson-1000: hsl(339, 84.1%, 62.6%); --color-crimson-1100: hsl(341, 90%, 67.3%); --color-crimson-1200: hsl(332, 87%, 96%); --color-gold-100: hsl(44, 9%, 8.3%); --color-gold-200: hsl(43, 14.3%, 9.6%); --color-gold-300: hsl(42, 15.5%, 13%); --color-gold-400: hsl(41, 16.4%, 15.6%); --color-gold-500: hsl(41, 16.9%, 17.8%); --color-gold-600: hsl(40, 17.6%, 20.8%); --color-gold-700: hsl(38, 18.5%, 26.4%); --color-gold-800: hsl(36, 19.6%, 35.1%); --color-gold-900: hsl(36, 20%, 49.5%); --color-gold-1000: hsl(36, 22.3%, 54.5%); --color-gold-1100: hsl(35, 30%, 64%); --color-gold-1200: hsl(49, 52%, 93.8%); --color-gray-100: hsl(0, 0%, 8.5%); --color-gray-200: hsl(0, 0%, 11%); --color-gray-300: hsl(0, 0%, 13.6%); --color-gray-400: hsl(0, 0%, 15.8%); --color-gray-500: hsl(0, 0%, 17.9%); --color-gray-600: hsl(0, 0%, 20.5%); --color-gray-700: hsl(0, 0%, 24.3%); --color-gray-800: hsl(0, 0%, 31.2%); --color-gray-900: hsl(0, 0%, 43.9%); --color-gray-1000: hsl(0, 0%, 49.4%); --color-gray-1100: hsl(0, 0%, 62.8%); --color-gray-1200: hsl(0, 0%, 93%); --color-green-100: hsl(146, 30%, 7.4%); --color-green-200: hsl(155, 44.2%, 8.4%); --color-green-300: hsl(155, 46.7%, 10.9%); --color-green-400: hsl(154, 48.4%, 12.9%); --color-green-500: hsl(154, 49.7%, 14.9%); --color-green-600: hsl(154, 50.9%, 17.6%); --color-green-700: hsl(153, 51.8%, 21.8%); --color-green-800: hsl(151, 51.7%, 28.4%); --color-green-900: hsl(151, 55%, 41.5%); --color-green-1000: hsl(151, 49.3%, 46.5%); --color-green-1100: hsl(151, 50%, 53.2%); --color-green-1200: hsl(137, 72%, 94%); --color-indigo-100: hsl(229, 24%, 10%); --color-indigo-200: hsl(230, 36.4%, 12.9%); --color-indigo-300: hsl(228, 43.3%, 17.5%); --color-indigo-400: hsl(227, 47.2%, 21%); --color-indigo-500: hsl(227, 50%, 24.1%); --color-indigo-600: hsl(226, 52.9%, 28.2%); --color-indigo-700: hsl(226, 56%, 34.5%); --color-indigo-800: hsl(226, 58.2%, 44.1%); --color-indigo-900: hsl(226, 70%, 55.5%); --color-indigo-1000: hsl(227, 75.2%, 61.6%); --color-indigo-1100: hsl(228, 100%, 75.9%); --color-indigo-1200: hsl(226, 83%, 96.3%); --color-orange-100: hsl(30, 70%, 7.2%); --color-orange-200: hsl(28, 100%, 8.4%); --color-orange-300: hsl(26, 91.1%, 11.6%); --color-orange-400: hsl(25, 88.3%, 14.1%); --color-orange-500: hsl(24, 87.6%, 16.6%); --color-orange-600: hsl(24, 88.6%, 19.8%); --color-orange-700: hsl(24, 92.4%, 24%); --color-orange-800: hsl(25, 100%, 29%); --color-orange-900: hsl(24, 94%, 50%); --color-orange-1000: hsl(24, 100%, 58.5%); --color-orange-1100: hsl(24, 100%, 62.2%); --color-orange-1200: hsl(24, 97%, 93.2%); --color-pink-100: hsl(318, 25%, 9.6%); --color-pink-200: hsl(319, 32.2%, 11.6%); --color-pink-300: hsl(319, 41%, 16%); --color-pink-400: hsl(320, 45.4%, 18.7%); --color-pink-500: hsl(320, 49%, 21.1%); --color-pink-600: hsl(321, 53.6%, 24.4%); --color-pink-700: hsl(321, 61.1%, 29.7%); --color-pink-800: hsl(322, 74.9%, 37.5%); --color-pink-900: hsl(322, 65%, 54.5%); --color-pink-1000: hsl(323, 72.8%, 59.2%); --color-pink-1100: hsl(325, 90%, 66.4%); --color-pink-1200: hsl(322, 90%, 95.8%); --color-purple-100: hsl(284, 20%, 9.6%); --color-purple-200: hsl(283, 30%, 11.8%); --color-purple-300: hsl(281, 37.5%, 16.5%); --color-purple-400: hsl(280, 41.2%, 20%); --color-purple-500: hsl(279, 43.8%, 23.3%); --color-purple-600: hsl(277, 46.4%, 27.5%); --color-purple-700: hsl(275, 49.3%, 34.6%); --color-purple-800: hsl(272, 52.1%, 45.9%); --color-purple-900: hsl(272, 51%, 54%); --color-purple-1000: hsl(273, 57.3%, 59.1%); --color-purple-1100: hsl(275, 80%, 71%); --color-purple-1200: hsl(279, 75%, 95.7%); --color-red-100: hsl(353, 23%, 9.8%); --color-red-200: hsl(357, 34.4%, 12%); --color-red-300: hsl(356, 43.4%, 16.4%); --color-red-400: hsl(356, 47.6%, 19.2%); --color-red-500: hsl(356, 51.1%, 21.9%); --color-red-600: hsl(356, 55.2%, 25.9%); --color-red-700: hsl(357, 60.2%, 31.8%); --color-red-800: hsl(358, 65%, 40.4%); --color-red-900: hsl(358, 75%, 59%); --color-red-1000: hsl(358, 85.3%, 64%); --color-red-1100: hsl(358, 100%, 69.5%); --color-red-1200: hsl(351, 89%, 96%); --color-slate-100: hsl(200, 7%, 8.8%); --color-slate-200: hsl(195, 7.1%, 11%); --color-slate-300: hsl(197, 6.8%, 13.6%); --color-slate-400: hsl(198, 6.6%, 15.8%); --color-slate-500: hsl(199, 6.4%, 17.9%); --color-slate-600: hsl(201, 6.2%, 20.5%); --color-slate-700: hsl(203, 6%, 24.3%); --color-slate-800: hsl(207, 5.6%, 31.6%); --color-slate-900: hsl(206, 6%, 43.9%); --color-slate-1000: hsl(206, 5.2%, 49.5%); --color-slate-1100: hsl(206, 6%, 63%); --color-slate-1200: hsl(210, 6%, 93%); --color-tomato-100: hsl(10, 23%, 9.4%); --color-tomato-200: hsl(9, 44.8%, 11.4%); --color-tomato-300: hsl(8, 52%, 15.3%); --color-tomato-400: hsl(7, 56.3%, 18%); --color-tomato-500: hsl(7, 60.1%, 20.6%); --color-tomato-600: hsl(8, 64.8%, 24%); --color-tomato-700: hsl(8, 71.2%, 29.1%); --color-tomato-800: hsl(10, 80.2%, 35.7%); --color-tomato-900: hsl(10, 78%, 54%); --color-tomato-1000: hsl(10, 81.7%, 59%); --color-tomato-1100: hsl(10, 85%, 62.8%); --color-tomato-1200: hsl(10, 89%, 96%); --color-violet-100: hsl(250, 20%, 10.2%); --color-violet-200: hsl(255, 30.3%, 12.9%); --color-violet-300: hsl(253, 37%, 18.4%); --color-violet-400: hsl(252, 40.1%, 22.5%); --color-violet-500: hsl(252, 42.2%, 26.2%); --color-violet-600: hsl(251, 44.3%, 31.1%); --color-violet-700: hsl(250, 46.8%, 38.9%); --color-violet-800: hsl(250, 51.8%, 51.2%); --color-violet-900: hsl(252, 56%, 57.5%); --color-violet-1000: hsl(251, 63.2%, 63.2%); --color-violet-1100: hsl(250, 95%, 76.8%); --color-violet-1200: hsl(252, 87%, 96.4%); --color-yellow-100: hsl(45, 100%, 5.5%); --color-yellow-200: hsl(46, 100%, 6.7%); --color-yellow-300: hsl(45, 100%, 8.7%); --color-yellow-400: hsl(45, 100%, 10.4%); --color-yellow-500: hsl(47, 100%, 12.1%); --color-yellow-600: hsl(49, 100%, 14.3%); --color-yellow-700: hsl(49, 90.3%, 18.4%); --color-yellow-800: hsl(50, 100%, 22%); --color-yellow-900: hsl(53, 92%, 50%); --color-yellow-1000: hsl(54, 100%, 68%); --color-yellow-1100: hsl(48, 100%, 47%); --color-yellow-1200: hsl(53, 100%, 91%); --color-scale-100: hsl(0, 0%, 8.5%); --color-scale-200: hsl(0, 0%, 11%); --color-scale-300: hsl(0, 0%, 13.6%); --color-scale-400: hsl(0, 0%, 15.8%); --color-scale-500: hsl(0, 0%, 17.9%); --color-scale-600: hsl(0, 0%, 20.5%); --color-scale-700: hsl(0, 0%, 24.3%); --color-scale-800: hsl(0, 0%, 31.2%); --color-scale-900: hsl(0, 0%, 43.9%); --color-scale-1000: hsl(0, 0%, 49.4%); --color-scale-1100: #bbbbbb; --color-scale-1200: hsl(0, 0%, 93%); --color-brand-100: hsla(153, 75%, 6%, 1); --color-brand-200: hsl(var(--brand-200)); --color-brand-300: hsl(var(--brand-300)); --color-brand-400: hsl(var(--brand-400)); --color-brand-500: hsl(var(--brand-500)); --color-brand-600: hsl(var(--brand-600)); --color-brand-700: hsla(154, 62%, 22%, 1); --color-brand-800: hsla(153, 60%, 28%, 1); --color-brand-900: hsla(153, 60%, 53%, 1); --color-brand-1000: hsla(153, 60%, 70%, 1); --color-brand-1100: hsla(153, 60%, 50%, 1); --color-brand-1200: hsla(153, 60%, 95%, 1); }