konnoscolors.css429 lines · main
| 1 | /* |
| 2 | * Radix/scale/brand --color-* CSS variables, with per-theme values inlined. |
| 3 | * |
| 4 | * Hand-edited. Source palette: @radix-ui/colors (light/dark hue scales) plus a |
| 5 | * curated brand scale. The Briven `scale` namespace maps to slate in light |
| 6 | * and gray in dark (scale-1100 dark is the hard-coded #bbbbbb override that |
| 7 | * predates the migration). |
| 8 | * |
| 9 | * Brand steps 200..600 stay as hsl(var(--brand-{step})) because those tokens |
| 10 | * are semantic — light/dark values live in the theme files (light.css / |
| 11 | * dark.css), not here. |
| 12 | * |
| 13 | * theme.css references these vars from its @theme inline block so Tailwind v4 |
| 14 | * generates the bg-/text-/border-/ring- utilities. |
| 15 | */ |
| 16 | |
| 17 | :root { |
| 18 | --color-amber-100: hsl(39, 70%, 99%); |
| 19 | --color-amber-200: hsl(40, 100%, 96.5%); |
| 20 | --color-amber-300: hsl(44, 100%, 91.7%); |
| 21 | --color-amber-400: hsl(43, 100%, 86.8%); |
| 22 | --color-amber-500: hsl(42, 100%, 81.8%); |
| 23 | --color-amber-600: hsl(38, 99.7%, 76.3%); |
| 24 | --color-amber-700: hsl(36, 86.1%, 67.1%); |
| 25 | --color-amber-800: hsl(35, 85.2%, 55.1%); |
| 26 | --color-amber-900: hsl(39, 100%, 57%); |
| 27 | --color-amber-1000: hsl(35, 100%, 55.5%); |
| 28 | --color-amber-1100: hsl(30, 100%, 34%); |
| 29 | --color-amber-1200: hsl(20, 80%, 17%); |
| 30 | --color-blue-100: hsl(206, 100%, 99.2%); |
| 31 | --color-blue-200: hsl(210, 100%, 98%); |
| 32 | --color-blue-300: hsl(209, 100%, 96.5%); |
| 33 | --color-blue-400: hsl(210, 98.8%, 94%); |
| 34 | --color-blue-500: hsl(209, 95%, 90.1%); |
| 35 | --color-blue-600: hsl(209, 81.2%, 84.5%); |
| 36 | --color-blue-700: hsl(208, 77.5%, 76.9%); |
| 37 | --color-blue-800: hsl(206, 81.9%, 65.3%); |
| 38 | --color-blue-900: hsl(206, 100%, 50%); |
| 39 | --color-blue-1000: hsl(208, 100%, 47.3%); |
| 40 | --color-blue-1100: hsl(211, 100%, 43.2%); |
| 41 | --color-blue-1200: hsl(211, 100%, 15%); |
| 42 | --color-crimson-100: hsl(332, 100%, 99.4%); |
| 43 | --color-crimson-200: hsl(330, 100%, 98.4%); |
| 44 | --color-crimson-300: hsl(331, 85.6%, 96.6%); |
| 45 | --color-crimson-400: hsl(331, 78.1%, 94.2%); |
| 46 | --color-crimson-500: hsl(332, 72.1%, 91.1%); |
| 47 | --color-crimson-600: hsl(333, 67%, 86.7%); |
| 48 | --color-crimson-700: hsl(335, 63.5%, 80.4%); |
| 49 | --color-crimson-800: hsl(336, 62.3%, 72.9%); |
| 50 | --color-crimson-900: hsl(336, 80%, 57.8%); |
| 51 | --color-crimson-1000: hsl(336, 73.7%, 53.5%); |
| 52 | --color-crimson-1100: hsl(336, 75%, 47.2%); |
| 53 | --color-crimson-1200: hsl(340, 65%, 14.5%); |
| 54 | --color-gold-100: hsl(50, 20%, 99.1%); |
| 55 | --color-gold-200: hsl(47, 52.9%, 96.7%); |
| 56 | --color-gold-300: hsl(46, 38.2%, 93.7%); |
| 57 | --color-gold-400: hsl(44, 32.7%, 90.1%); |
| 58 | --color-gold-500: hsl(43, 29.9%, 85.7%); |
| 59 | --color-gold-600: hsl(41, 28.3%, 79.8%); |
| 60 | --color-gold-700: hsl(39, 27.6%, 71.9%); |
| 61 | --color-gold-800: hsl(36, 27.2%, 61.8%); |
| 62 | --color-gold-900: hsl(36, 20%, 49.5%); |
| 63 | --color-gold-1000: hsl(36, 19.8%, 45.7%); |
| 64 | --color-gold-1100: hsl(36, 20%, 39%); |
| 65 | --color-gold-1200: hsl(36, 16%, 20%); |
| 66 | --color-gray-100: hsl(0, 0%, 99%); |
| 67 | --color-gray-200: hsl(0, 0%, 97.3%); |
| 68 | --color-gray-300: hsl(0, 0%, 95.1%); |
| 69 | --color-gray-400: hsl(0, 0%, 93%); |
| 70 | --color-gray-500: hsl(0, 0%, 90.9%); |
| 71 | --color-gray-600: hsl(0, 0%, 88.7%); |
| 72 | --color-gray-700: hsl(0, 0%, 85.8%); |
| 73 | --color-gray-800: hsl(0, 0%, 78%); |
| 74 | --color-gray-900: hsl(0, 0%, 56.1%); |
| 75 | --color-gray-1000: hsl(0, 0%, 52.3%); |
| 76 | --color-gray-1100: hsl(0, 0%, 43.5%); |
| 77 | --color-gray-1200: hsl(0, 0%, 9%); |
| 78 | --color-green-100: hsl(136, 50%, 98.9%); |
| 79 | --color-green-200: hsl(138, 62.5%, 96.9%); |
| 80 | --color-green-300: hsl(139, 55.2%, 94.5%); |
| 81 | --color-green-400: hsl(140, 48.7%, 91%); |
| 82 | --color-green-500: hsl(141, 43.7%, 86%); |
| 83 | --color-green-600: hsl(143, 40.3%, 79%); |
| 84 | --color-green-700: hsl(146, 38.5%, 69%); |
| 85 | --color-green-800: hsl(151, 40.2%, 54.1%); |
| 86 | --color-green-900: hsl(151, 55%, 41.5%); |
| 87 | --color-green-1000: hsl(152, 57.5%, 37.6%); |
| 88 | --color-green-1100: hsl(153, 67%, 28.5%); |
| 89 | --color-green-1200: hsl(155, 40%, 14%); |
| 90 | --color-indigo-100: hsl(225, 60%, 99.4%); |
| 91 | --color-indigo-200: hsl(223, 100%, 98.6%); |
| 92 | --color-indigo-300: hsl(223, 98.4%, 97.1%); |
| 93 | --color-indigo-400: hsl(223, 92.9%, 95%); |
| 94 | --color-indigo-500: hsl(224, 87.1%, 92%); |
| 95 | --color-indigo-600: hsl(224, 81.9%, 87.8%); |
| 96 | --color-indigo-700: hsl(225, 77.4%, 82.1%); |
| 97 | --color-indigo-800: hsl(226, 75.4%, 74.5%); |
| 98 | --color-indigo-900: hsl(226, 70%, 55.5%); |
| 99 | --color-indigo-1000: hsl(226, 58.6%, 51.3%); |
| 100 | --color-indigo-1100: hsl(226, 55%, 45%); |
| 101 | --color-indigo-1200: hsl(226, 62%, 17%); |
| 102 | --color-orange-100: hsl(24, 70%, 99%); |
| 103 | --color-orange-200: hsl(24, 83.3%, 97.6%); |
| 104 | --color-orange-300: hsl(24, 100%, 95.3%); |
| 105 | --color-orange-400: hsl(25, 100%, 92.2%); |
| 106 | --color-orange-500: hsl(25, 100%, 88.2%); |
| 107 | --color-orange-600: hsl(25, 100%, 82.8%); |
| 108 | --color-orange-700: hsl(24, 100%, 75.3%); |
| 109 | --color-orange-800: hsl(24, 94.5%, 64.3%); |
| 110 | --color-orange-900: hsl(24, 94%, 50%); |
| 111 | --color-orange-1000: hsl(24, 100%, 46.5%); |
| 112 | --color-orange-1100: hsl(24, 100%, 37%); |
| 113 | --color-orange-1200: hsl(15, 60%, 17%); |
| 114 | --color-pink-100: hsl(322, 100%, 99.4%); |
| 115 | --color-pink-200: hsl(323, 100%, 98.4%); |
| 116 | --color-pink-300: hsl(323, 86.3%, 96.5%); |
| 117 | --color-pink-400: hsl(323, 78.7%, 94.2%); |
| 118 | --color-pink-500: hsl(323, 72.2%, 91.1%); |
| 119 | --color-pink-600: hsl(323, 66.3%, 86.6%); |
| 120 | --color-pink-700: hsl(323, 62%, 80.1%); |
| 121 | --color-pink-800: hsl(323, 60.3%, 72.4%); |
| 122 | --color-pink-900: hsl(322, 65%, 54.5%); |
| 123 | --color-pink-1000: hsl(322, 63.9%, 50.7%); |
| 124 | --color-pink-1100: hsl(322, 75%, 46%); |
| 125 | --color-pink-1200: hsl(320, 70%, 13.5%); |
| 126 | --color-purple-100: hsl(280, 65%, 99.4%); |
| 127 | --color-purple-200: hsl(276, 100%, 99%); |
| 128 | --color-purple-300: hsl(276, 83.1%, 97%); |
| 129 | --color-purple-400: hsl(275, 76.4%, 94.7%); |
| 130 | --color-purple-500: hsl(275, 70.8%, 91.8%); |
| 131 | --color-purple-600: hsl(274, 65.4%, 87.8%); |
| 132 | --color-purple-700: hsl(273, 61%, 81.7%); |
| 133 | --color-purple-800: hsl(272, 60%, 73.5%); |
| 134 | --color-purple-900: hsl(272, 51%, 54%); |
| 135 | --color-purple-1000: hsl(272, 46.8%, 50.3%); |
| 136 | --color-purple-1100: hsl(272, 50%, 45.8%); |
| 137 | --color-purple-1200: hsl(272, 66%, 16%); |
| 138 | --color-red-100: hsl(359, 100%, 99.4%); |
| 139 | --color-red-200: hsl(359, 100%, 98.6%); |
| 140 | --color-red-300: hsl(360, 100%, 96.8%); |
| 141 | --color-red-400: hsl(360, 97.9%, 94.8%); |
| 142 | --color-red-500: hsl(360, 90.2%, 91.9%); |
| 143 | --color-red-600: hsl(360, 81.7%, 87.8%); |
| 144 | --color-red-700: hsl(359, 74.2%, 81.7%); |
| 145 | --color-red-800: hsl(359, 69.5%, 74.3%); |
| 146 | --color-red-900: hsl(358, 75%, 59%); |
| 147 | --color-red-1000: hsl(358, 69.4%, 55.2%); |
| 148 | --color-red-1100: hsl(358, 65%, 48.7%); |
| 149 | --color-red-1200: hsl(354, 50%, 14.6%); |
| 150 | --color-slate-100: hsl(206, 30%, 98.8%); |
| 151 | --color-slate-200: hsl(210, 16.7%, 97.6%); |
| 152 | --color-slate-300: hsl(209, 13.3%, 95.3%); |
| 153 | --color-slate-400: hsl(209, 12.2%, 93.2%); |
| 154 | --color-slate-500: hsl(208, 11.7%, 91.1%); |
| 155 | --color-slate-600: hsl(208, 11.3%, 88.9%); |
| 156 | --color-slate-700: hsl(207, 11.1%, 85.9%); |
| 157 | --color-slate-800: hsl(205, 10.7%, 78%); |
| 158 | --color-slate-900: hsl(206, 6%, 56.1%); |
| 159 | --color-slate-1000: hsl(206, 5.8%, 52.3%); |
| 160 | --color-slate-1100: hsl(206, 6%, 43.5%); |
| 161 | --color-slate-1200: hsl(206, 24%, 9%); |
| 162 | --color-tomato-100: hsl(10, 100%, 99.4%); |
| 163 | --color-tomato-200: hsl(8, 100%, 98.4%); |
| 164 | --color-tomato-300: hsl(8, 100%, 96.6%); |
| 165 | --color-tomato-400: hsl(8, 100%, 94.3%); |
| 166 | --color-tomato-500: hsl(8, 92.8%, 91%); |
| 167 | --color-tomato-600: hsl(9, 84.7%, 86.3%); |
| 168 | --color-tomato-700: hsl(10, 77.3%, 79.5%); |
| 169 | --color-tomato-800: hsl(10, 71.6%, 71%); |
| 170 | --color-tomato-900: hsl(10, 78%, 54%); |
| 171 | --color-tomato-1000: hsl(10, 71.5%, 50%); |
| 172 | --color-tomato-1100: hsl(10, 82%, 43.5%); |
| 173 | --color-tomato-1200: hsl(10, 50%, 13.5%); |
| 174 | --color-violet-100: hsl(255, 65%, 99.4%); |
| 175 | --color-violet-200: hsl(252, 100%, 99%); |
| 176 | --color-violet-300: hsl(252, 96.9%, 97.4%); |
| 177 | --color-violet-400: hsl(252, 91.5%, 95.5%); |
| 178 | --color-violet-500: hsl(252, 85.1%, 93%); |
| 179 | --color-violet-600: hsl(252, 77.8%, 89.4%); |
| 180 | --color-violet-700: hsl(252, 71%, 83.7%); |
| 181 | --color-violet-800: hsl(252, 68.6%, 76.3%); |
| 182 | --color-violet-900: hsl(252, 56%, 57.5%); |
| 183 | --color-violet-1000: hsl(251, 48.1%, 53.5%); |
| 184 | --color-violet-1100: hsl(250, 43%, 48%); |
| 185 | --color-violet-1200: hsl(254, 60%, 18.5%); |
| 186 | --color-yellow-100: hsl(60, 54%, 98.5%); |
| 187 | --color-yellow-200: hsl(52, 100%, 95.5%); |
| 188 | --color-yellow-300: hsl(55, 100%, 90.9%); |
| 189 | --color-yellow-400: hsl(54, 100%, 86.6%); |
| 190 | --color-yellow-500: hsl(52, 97.9%, 82%); |
| 191 | --color-yellow-600: hsl(50, 89.4%, 76.1%); |
| 192 | --color-yellow-700: hsl(47, 80.4%, 68%); |
| 193 | --color-yellow-800: hsl(48, 100%, 46.1%); |
| 194 | --color-yellow-900: hsl(53, 92%, 50%); |
| 195 | --color-yellow-1000: hsl(50, 100%, 48.5%); |
| 196 | --color-yellow-1100: hsl(42, 100%, 29%); |
| 197 | --color-yellow-1200: hsl(40, 55%, 13.5%); |
| 198 | --color-scale-100: hsl(206, 30%, 98.8%); |
| 199 | --color-scale-200: hsl(210, 16.7%, 97.6%); |
| 200 | --color-scale-300: hsl(209, 13.3%, 95.3%); |
| 201 | --color-scale-400: hsl(209, 12.2%, 93.2%); |
| 202 | --color-scale-500: hsl(208, 11.7%, 91.1%); |
| 203 | --color-scale-600: hsl(208, 11.3%, 88.9%); |
| 204 | --color-scale-700: hsl(207, 11.1%, 85.9%); |
| 205 | --color-scale-800: hsl(205, 10.7%, 78%); |
| 206 | --color-scale-900: hsl(206, 6%, 56.1%); |
| 207 | --color-scale-1000: hsl(206, 5.8%, 52.3%); |
| 208 | --color-scale-1100: hsl(206, 6%, 43.5%); |
| 209 | --color-scale-1200: hsl(206, 24%, 9%); |
| 210 | --color-brand-100: hsla(153, 80%, 99%, 1); |
| 211 | --color-brand-200: hsl(var(--brand-200)); |
| 212 | --color-brand-300: hsl(var(--brand-300)); |
| 213 | --color-brand-400: hsl(var(--brand-400)); |
| 214 | --color-brand-500: hsl(var(--brand-500)); |
| 215 | --color-brand-600: hsl(var(--brand-600)); |
| 216 | --color-brand-700: hsla(149, 43%, 69%, 1); |
| 217 | --color-brand-800: hsla(154, 55%, 45%, 1); |
| 218 | --color-brand-900: hsla(153, 60%, 53%, 1); |
| 219 | --color-brand-1000: hsla(153, 50%, 50%, 1); |
| 220 | --color-brand-1100: hsla(153, 50%, 34%, 1); |
| 221 | --color-brand-1200: hsla(153, 40%, 12%, 1); |
| 222 | } |
| 223 | |
| 224 | [data-theme*='dark'] { |
| 225 | --color-amber-100: hsl(36, 100%, 6.1%); |
| 226 | --color-amber-200: hsl(35, 100%, 7.6%); |
| 227 | --color-amber-300: hsl(32, 100%, 10.2%); |
| 228 | --color-amber-400: hsl(32, 100%, 12.4%); |
| 229 | --color-amber-500: hsl(33, 100%, 14.6%); |
| 230 | --color-amber-600: hsl(35, 100%, 17.1%); |
| 231 | --color-amber-700: hsl(35, 91%, 21.6%); |
| 232 | --color-amber-800: hsl(36, 100%, 25.5%); |
| 233 | --color-amber-900: hsl(39, 100%, 57%); |
| 234 | --color-amber-1000: hsl(43, 100%, 64%); |
| 235 | --color-amber-1100: hsl(39, 90%, 49.8%); |
| 236 | --color-amber-1200: hsl(39, 97%, 93.2%); |
| 237 | --color-blue-100: hsl(212, 35%, 9.2%); |
| 238 | --color-blue-200: hsl(216, 50%, 11.8%); |
| 239 | --color-blue-300: hsl(214, 59.4%, 15.3%); |
| 240 | --color-blue-400: hsl(214, 65.8%, 17.9%); |
| 241 | --color-blue-500: hsl(213, 71.2%, 20.2%); |
| 242 | --color-blue-600: hsl(212, 77.4%, 23.1%); |
| 243 | --color-blue-700: hsl(211, 85.1%, 27.4%); |
| 244 | --color-blue-800: hsl(211, 89.7%, 34.1%); |
| 245 | --color-blue-900: hsl(206, 100%, 50%); |
| 246 | --color-blue-1000: hsl(209, 100%, 60.6%); |
| 247 | --color-blue-1100: hsl(210, 100%, 66.1%); |
| 248 | --color-blue-1200: hsl(206, 98%, 95.8%); |
| 249 | --color-crimson-100: hsl(335, 20%, 9.6%); |
| 250 | --color-crimson-200: hsl(335, 32.2%, 11.6%); |
| 251 | --color-crimson-300: hsl(335, 42.5%, 16.5%); |
| 252 | --color-crimson-400: hsl(335, 47.2%, 19.3%); |
| 253 | --color-crimson-500: hsl(335, 50.9%, 21.8%); |
| 254 | --color-crimson-600: hsl(335, 55.7%, 25.3%); |
| 255 | --color-crimson-700: hsl(336, 62.9%, 30.8%); |
| 256 | --color-crimson-800: hsl(336, 74.9%, 39%); |
| 257 | --color-crimson-900: hsl(336, 80%, 57.8%); |
| 258 | --color-crimson-1000: hsl(339, 84.1%, 62.6%); |
| 259 | --color-crimson-1100: hsl(341, 90%, 67.3%); |
| 260 | --color-crimson-1200: hsl(332, 87%, 96%); |
| 261 | --color-gold-100: hsl(44, 9%, 8.3%); |
| 262 | --color-gold-200: hsl(43, 14.3%, 9.6%); |
| 263 | --color-gold-300: hsl(42, 15.5%, 13%); |
| 264 | --color-gold-400: hsl(41, 16.4%, 15.6%); |
| 265 | --color-gold-500: hsl(41, 16.9%, 17.8%); |
| 266 | --color-gold-600: hsl(40, 17.6%, 20.8%); |
| 267 | --color-gold-700: hsl(38, 18.5%, 26.4%); |
| 268 | --color-gold-800: hsl(36, 19.6%, 35.1%); |
| 269 | --color-gold-900: hsl(36, 20%, 49.5%); |
| 270 | --color-gold-1000: hsl(36, 22.3%, 54.5%); |
| 271 | --color-gold-1100: hsl(35, 30%, 64%); |
| 272 | --color-gold-1200: hsl(49, 52%, 93.8%); |
| 273 | --color-gray-100: hsl(0, 0%, 8.5%); |
| 274 | --color-gray-200: hsl(0, 0%, 11%); |
| 275 | --color-gray-300: hsl(0, 0%, 13.6%); |
| 276 | --color-gray-400: hsl(0, 0%, 15.8%); |
| 277 | --color-gray-500: hsl(0, 0%, 17.9%); |
| 278 | --color-gray-600: hsl(0, 0%, 20.5%); |
| 279 | --color-gray-700: hsl(0, 0%, 24.3%); |
| 280 | --color-gray-800: hsl(0, 0%, 31.2%); |
| 281 | --color-gray-900: hsl(0, 0%, 43.9%); |
| 282 | --color-gray-1000: hsl(0, 0%, 49.4%); |
| 283 | --color-gray-1100: hsl(0, 0%, 62.8%); |
| 284 | --color-gray-1200: hsl(0, 0%, 93%); |
| 285 | --color-green-100: hsl(146, 30%, 7.4%); |
| 286 | --color-green-200: hsl(155, 44.2%, 8.4%); |
| 287 | --color-green-300: hsl(155, 46.7%, 10.9%); |
| 288 | --color-green-400: hsl(154, 48.4%, 12.9%); |
| 289 | --color-green-500: hsl(154, 49.7%, 14.9%); |
| 290 | --color-green-600: hsl(154, 50.9%, 17.6%); |
| 291 | --color-green-700: hsl(153, 51.8%, 21.8%); |
| 292 | --color-green-800: hsl(151, 51.7%, 28.4%); |
| 293 | --color-green-900: hsl(151, 55%, 41.5%); |
| 294 | --color-green-1000: hsl(151, 49.3%, 46.5%); |
| 295 | --color-green-1100: hsl(151, 50%, 53.2%); |
| 296 | --color-green-1200: hsl(137, 72%, 94%); |
| 297 | --color-indigo-100: hsl(229, 24%, 10%); |
| 298 | --color-indigo-200: hsl(230, 36.4%, 12.9%); |
| 299 | --color-indigo-300: hsl(228, 43.3%, 17.5%); |
| 300 | --color-indigo-400: hsl(227, 47.2%, 21%); |
| 301 | --color-indigo-500: hsl(227, 50%, 24.1%); |
| 302 | --color-indigo-600: hsl(226, 52.9%, 28.2%); |
| 303 | --color-indigo-700: hsl(226, 56%, 34.5%); |
| 304 | --color-indigo-800: hsl(226, 58.2%, 44.1%); |
| 305 | --color-indigo-900: hsl(226, 70%, 55.5%); |
| 306 | --color-indigo-1000: hsl(227, 75.2%, 61.6%); |
| 307 | --color-indigo-1100: hsl(228, 100%, 75.9%); |
| 308 | --color-indigo-1200: hsl(226, 83%, 96.3%); |
| 309 | --color-orange-100: hsl(30, 70%, 7.2%); |
| 310 | --color-orange-200: hsl(28, 100%, 8.4%); |
| 311 | --color-orange-300: hsl(26, 91.1%, 11.6%); |
| 312 | --color-orange-400: hsl(25, 88.3%, 14.1%); |
| 313 | --color-orange-500: hsl(24, 87.6%, 16.6%); |
| 314 | --color-orange-600: hsl(24, 88.6%, 19.8%); |
| 315 | --color-orange-700: hsl(24, 92.4%, 24%); |
| 316 | --color-orange-800: hsl(25, 100%, 29%); |
| 317 | --color-orange-900: hsl(24, 94%, 50%); |
| 318 | --color-orange-1000: hsl(24, 100%, 58.5%); |
| 319 | --color-orange-1100: hsl(24, 100%, 62.2%); |
| 320 | --color-orange-1200: hsl(24, 97%, 93.2%); |
| 321 | --color-pink-100: hsl(318, 25%, 9.6%); |
| 322 | --color-pink-200: hsl(319, 32.2%, 11.6%); |
| 323 | --color-pink-300: hsl(319, 41%, 16%); |
| 324 | --color-pink-400: hsl(320, 45.4%, 18.7%); |
| 325 | --color-pink-500: hsl(320, 49%, 21.1%); |
| 326 | --color-pink-600: hsl(321, 53.6%, 24.4%); |
| 327 | --color-pink-700: hsl(321, 61.1%, 29.7%); |
| 328 | --color-pink-800: hsl(322, 74.9%, 37.5%); |
| 329 | --color-pink-900: hsl(322, 65%, 54.5%); |
| 330 | --color-pink-1000: hsl(323, 72.8%, 59.2%); |
| 331 | --color-pink-1100: hsl(325, 90%, 66.4%); |
| 332 | --color-pink-1200: hsl(322, 90%, 95.8%); |
| 333 | --color-purple-100: hsl(284, 20%, 9.6%); |
| 334 | --color-purple-200: hsl(283, 30%, 11.8%); |
| 335 | --color-purple-300: hsl(281, 37.5%, 16.5%); |
| 336 | --color-purple-400: hsl(280, 41.2%, 20%); |
| 337 | --color-purple-500: hsl(279, 43.8%, 23.3%); |
| 338 | --color-purple-600: hsl(277, 46.4%, 27.5%); |
| 339 | --color-purple-700: hsl(275, 49.3%, 34.6%); |
| 340 | --color-purple-800: hsl(272, 52.1%, 45.9%); |
| 341 | --color-purple-900: hsl(272, 51%, 54%); |
| 342 | --color-purple-1000: hsl(273, 57.3%, 59.1%); |
| 343 | --color-purple-1100: hsl(275, 80%, 71%); |
| 344 | --color-purple-1200: hsl(279, 75%, 95.7%); |
| 345 | --color-red-100: hsl(353, 23%, 9.8%); |
| 346 | --color-red-200: hsl(357, 34.4%, 12%); |
| 347 | --color-red-300: hsl(356, 43.4%, 16.4%); |
| 348 | --color-red-400: hsl(356, 47.6%, 19.2%); |
| 349 | --color-red-500: hsl(356, 51.1%, 21.9%); |
| 350 | --color-red-600: hsl(356, 55.2%, 25.9%); |
| 351 | --color-red-700: hsl(357, 60.2%, 31.8%); |
| 352 | --color-red-800: hsl(358, 65%, 40.4%); |
| 353 | --color-red-900: hsl(358, 75%, 59%); |
| 354 | --color-red-1000: hsl(358, 85.3%, 64%); |
| 355 | --color-red-1100: hsl(358, 100%, 69.5%); |
| 356 | --color-red-1200: hsl(351, 89%, 96%); |
| 357 | --color-slate-100: hsl(200, 7%, 8.8%); |
| 358 | --color-slate-200: hsl(195, 7.1%, 11%); |
| 359 | --color-slate-300: hsl(197, 6.8%, 13.6%); |
| 360 | --color-slate-400: hsl(198, 6.6%, 15.8%); |
| 361 | --color-slate-500: hsl(199, 6.4%, 17.9%); |
| 362 | --color-slate-600: hsl(201, 6.2%, 20.5%); |
| 363 | --color-slate-700: hsl(203, 6%, 24.3%); |
| 364 | --color-slate-800: hsl(207, 5.6%, 31.6%); |
| 365 | --color-slate-900: hsl(206, 6%, 43.9%); |
| 366 | --color-slate-1000: hsl(206, 5.2%, 49.5%); |
| 367 | --color-slate-1100: hsl(206, 6%, 63%); |
| 368 | --color-slate-1200: hsl(210, 6%, 93%); |
| 369 | --color-tomato-100: hsl(10, 23%, 9.4%); |
| 370 | --color-tomato-200: hsl(9, 44.8%, 11.4%); |
| 371 | --color-tomato-300: hsl(8, 52%, 15.3%); |
| 372 | --color-tomato-400: hsl(7, 56.3%, 18%); |
| 373 | --color-tomato-500: hsl(7, 60.1%, 20.6%); |
| 374 | --color-tomato-600: hsl(8, 64.8%, 24%); |
| 375 | --color-tomato-700: hsl(8, 71.2%, 29.1%); |
| 376 | --color-tomato-800: hsl(10, 80.2%, 35.7%); |
| 377 | --color-tomato-900: hsl(10, 78%, 54%); |
| 378 | --color-tomato-1000: hsl(10, 81.7%, 59%); |
| 379 | --color-tomato-1100: hsl(10, 85%, 62.8%); |
| 380 | --color-tomato-1200: hsl(10, 89%, 96%); |
| 381 | --color-violet-100: hsl(250, 20%, 10.2%); |
| 382 | --color-violet-200: hsl(255, 30.3%, 12.9%); |
| 383 | --color-violet-300: hsl(253, 37%, 18.4%); |
| 384 | --color-violet-400: hsl(252, 40.1%, 22.5%); |
| 385 | --color-violet-500: hsl(252, 42.2%, 26.2%); |
| 386 | --color-violet-600: hsl(251, 44.3%, 31.1%); |
| 387 | --color-violet-700: hsl(250, 46.8%, 38.9%); |
| 388 | --color-violet-800: hsl(250, 51.8%, 51.2%); |
| 389 | --color-violet-900: hsl(252, 56%, 57.5%); |
| 390 | --color-violet-1000: hsl(251, 63.2%, 63.2%); |
| 391 | --color-violet-1100: hsl(250, 95%, 76.8%); |
| 392 | --color-violet-1200: hsl(252, 87%, 96.4%); |
| 393 | --color-yellow-100: hsl(45, 100%, 5.5%); |
| 394 | --color-yellow-200: hsl(46, 100%, 6.7%); |
| 395 | --color-yellow-300: hsl(45, 100%, 8.7%); |
| 396 | --color-yellow-400: hsl(45, 100%, 10.4%); |
| 397 | --color-yellow-500: hsl(47, 100%, 12.1%); |
| 398 | --color-yellow-600: hsl(49, 100%, 14.3%); |
| 399 | --color-yellow-700: hsl(49, 90.3%, 18.4%); |
| 400 | --color-yellow-800: hsl(50, 100%, 22%); |
| 401 | --color-yellow-900: hsl(53, 92%, 50%); |
| 402 | --color-yellow-1000: hsl(54, 100%, 68%); |
| 403 | --color-yellow-1100: hsl(48, 100%, 47%); |
| 404 | --color-yellow-1200: hsl(53, 100%, 91%); |
| 405 | --color-scale-100: hsl(0, 0%, 8.5%); |
| 406 | --color-scale-200: hsl(0, 0%, 11%); |
| 407 | --color-scale-300: hsl(0, 0%, 13.6%); |
| 408 | --color-scale-400: hsl(0, 0%, 15.8%); |
| 409 | --color-scale-500: hsl(0, 0%, 17.9%); |
| 410 | --color-scale-600: hsl(0, 0%, 20.5%); |
| 411 | --color-scale-700: hsl(0, 0%, 24.3%); |
| 412 | --color-scale-800: hsl(0, 0%, 31.2%); |
| 413 | --color-scale-900: hsl(0, 0%, 43.9%); |
| 414 | --color-scale-1000: hsl(0, 0%, 49.4%); |
| 415 | --color-scale-1100: #bbbbbb; |
| 416 | --color-scale-1200: hsl(0, 0%, 93%); |
| 417 | --color-brand-100: hsla(153, 75%, 6%, 1); |
| 418 | --color-brand-200: hsl(var(--brand-200)); |
| 419 | --color-brand-300: hsl(var(--brand-300)); |
| 420 | --color-brand-400: hsl(var(--brand-400)); |
| 421 | --color-brand-500: hsl(var(--brand-500)); |
| 422 | --color-brand-600: hsl(var(--brand-600)); |
| 423 | --color-brand-700: hsla(154, 62%, 22%, 1); |
| 424 | --color-brand-800: hsla(153, 60%, 28%, 1); |
| 425 | --color-brand-900: hsla(153, 60%, 53%, 1); |
| 426 | --color-brand-1000: hsla(153, 60%, 70%, 1); |
| 427 | --color-brand-1100: hsla(153, 60%, 50%, 1); |
| 428 | --color-brand-1200: hsla(153, 60%, 95%, 1); |
| 429 | } |