Briven/packages/studio/config/css/colors.css

/*
 * 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);
}