.bg-blue-100 { background-color: #cfe2ff; color: #000; }

.bg-blue-200 { background-color: #9ec5fe; color: #000; }

.bg-blue-300 { background-color: #6ea8fe; color: #000; }

.bg-blue-400 { background-color: #3d8bfd; color: #000; }

.bg-blue-500 { background-color: #0d6efd; color: #fff; }

.bg-blue-600 { background-color: #0a58ca; color: #fff; }

.bg-blue-700 { background-color: #084298; color: #fff; }

.bg-blue-800 { background-color: #052c65; color: #fff; }

.bg-blue-900 { background-color: #031633; color: #fff; }

.bg-indigo-100 { background-color: #e0cffc; color: #000; }

.bg-indigo-200 { background-color: #c29ffa; color: #000; }

.bg-indigo-300 { background-color: #a370f7; color: #000; }

.bg-indigo-400 { background-color: #8540f5; color: #fff; }

.bg-indigo-500 { background-color: #6610f2; color: #fff; }

.bg-indigo-600 { background-color: #520dc2; color: #fff; }

.bg-indigo-700 { background-color: #3d0a91; color: #fff; }

.bg-indigo-800 { background-color: #290661; color: #fff; }

.bg-indigo-900 { background-color: #140330; color: #fff; }

.bg-purple-100 { background-color: #e2d9f3; color: #000; }

.bg-purple-200 { background-color: #c5b3e6; color: #000; }

.bg-purple-300 { background-color: #a98eda; color: #000; }

.bg-purple-400 { background-color: #8c68cd; color: #000; }

.bg-purple-500 { background-color: #6f42c1; color: #fff; }

.bg-purple-600 { background-color: #59359a; color: #fff; }

.bg-purple-700 { background-color: #432874; color: #fff; }

.bg-purple-800 { background-color: #2c1a4d; color: #fff; }

.bg-purple-900 { background-color: #160d27; color: #fff; }

.bg-pink-100 { background-color: #f7d6e6; color: #000; }

.bg-pink-200 { background-color: #efadce; color: #000; }

.bg-pink-300 { background-color: #e685b5; color: #000; }

.bg-pink-400 { background-color: #de5c9d; color: #000; }

.bg-pink-500 { background-color: #d63384; color: #fff; }

.bg-pink-600 { background-color: #ab296a; color: #fff; }

.bg-pink-700 { background-color: #801f4f; color: #fff; }

.bg-pink-800 { background-color: #561435; color: #fff; }

.bg-pink-900 { background-color: #2b0a1a; color: #fff; }

.bg-red-100 { background-color: #f8d7da; color: #000; }

.bg-red-200 { background-color: #f1aeb5; color: #000; }

.bg-red-300 { background-color: #ea868f; color: #000; }

.bg-red-400 { background-color: #e35d6a; color: #000; }

.bg-red-500 { background-color: #dc3545; color: #fff; }

.bg-red-600 { background-color: #b02a37; color: #fff; }

.bg-red-700 { background-color: #842029; color: #fff; }

.bg-red-800 { background-color: #58151c; color: #fff; }

.bg-red-900 { background-color: #2c0b0e; color: #fff; }

.bg-orange-100 { background-color: #ffe5d0; color: #000; }

.bg-orange-200 { background-color: #fecba1; color: #000; }

.bg-orange-300 { background-color: #feb272; color: #000; }

.bg-orange-400 { background-color: #fd9843; color: #000; }

.bg-orange-500 { background-color: #fd7e14; color: #000; }

.bg-orange-600 { background-color: #ca6510; color: #000; }

.bg-orange-700 { background-color: #984c0c; color: #fff; }

.bg-orange-800 { background-color: #653208; color: #fff; }

.bg-orange-900 { background-color: #331904; color: #fff; }

.bg-yellow-100 { background-color: #fff3cd; color: #000; }

.bg-yellow-200 { background-color: #ffe69c; color: #000; }

.bg-yellow-300 { background-color: #ffda6a; color: #000; }

.bg-yellow-400 { background-color: #ffcd39; color: #000; }

.bg-yellow-500 { background-color: #ffc107; color: #000; }

.bg-yellow-600 { background-color: #cc9a06; color: #000; }

.bg-yellow-700 { background-color: #997404; color: #000; }

.bg-yellow-800 { background-color: #664d03; color: #fff; }

.bg-yellow-900 { background-color: #332701; color: #fff; }

.bg-green-100 { background-color: #d1e7dd; color: #000; }

.bg-green-200 { background-color: #a3cfbb; color: #000; }

.bg-green-300 { background-color: #75b798; color: #000; }

.bg-green-400 { background-color: #479f76; color: #000; }

.bg-green-500 { background-color: #198754; color: #fff; }

.bg-green-600 { background-color: #146c43; color: #fff; }

.bg-green-700 { background-color: #0f5132; color: #fff; }

.bg-green-800 { background-color: #0a3622; color: #fff; }

.bg-green-900 { background-color: #051b11; color: #fff; }

.bg-teal-100 { background-color: #d2f4ea; color: #000; }

.bg-teal-200 { background-color: #a6e9d5; color: #000; }

.bg-teal-300 { background-color: #79dfc1; color: #000; }

.bg-teal-400 { background-color: #4dd4ac; color: #000; }

.bg-teal-500 { background-color: #20c997; color: #000; }

.bg-teal-600 { background-color: #1aa179; color: #000; }

.bg-teal-700 { background-color: #13795b; color: #fff; }

.bg-teal-800 { background-color: #0d503c; color: #fff; }

.bg-teal-900 { background-color: #06281e; color: #fff; }

.bg-cyan-100 { background-color: #cff4fc; color: #000; }

.bg-cyan-200 { background-color: #9eeaf9; color: #000; }

.bg-cyan-300 { background-color: #6edff6; color: #000; }

.bg-cyan-400 { background-color: #3dd5f3; color: #000; }

.bg-cyan-500 { background-color: #0dcaf0; color: #000; }

.bg-cyan-600 { background-color: #0aa2c0; color: #000; }

.bg-cyan-700 { background-color: #087990; color: #fff; }

.bg-cyan-800 { background-color: #055160; color: #fff; }

.bg-cyan-900 { background-color: #032830; color: #fff; }

.bg-gray-100 { background-color: #f8f9fa; color: #000; }

.bg-gray-200 { background-color: #e9ecef; color: #000; }

.bg-gray-300 { background-color: #dee2e6; color: #000; }

.bg-gray-400 { background-color: #ced4da; color: #000; }

.bg-gray-500 { background-color: #adb5bd; color: #000; }

.bg-gray-600 { background-color: #6c757d; color: #fff; }

.bg-gray-700 { background-color: #495057; color: #fff; }

.bg-gray-800 { background-color: #343a40; color: #fff; }

.bg-gray-900 { background-color: #212529; color: #fff; }

.bg-gray-950 { background-color: rgb(20, 22, 24); color: #fff; }