/* colors.css */

/* Primary Colors */
.bg-primary { background-color: #007bff !important; }
.text-primary { color: #007bff !important; }
.border-primary { border-color: #007bff !important; }

.bg-secondary { background-color: #6c757d !important; }
.text-secondary { color: #6c757d !important; }
.border-secondary { border-color: #6c757d !important; }

.bg-success { background-color: #28a745 !important; }
.text-success { color: #28a745 !important; }
.border-success { border-color: #28a745 !important; }

.bg-danger { background-color: #dc3545 !important; }
.text-danger { color: #dc3545 !important; }
.border-danger { border-color: #dc3545 !important; }

.bg-warning { background-color: #ffc107 !important; }
.text-warning { color: #ffc107 !important; }
.border-warning { border-color: #ffc107 !important; }

.bg-info { background-color: #17a2b8 !important; }
.text-info { color: #17a2b8 !important; }
.border-info { border-color: #17a2b8 !important; }

.bg-light { background-color: #f8f9fa !important; }
.text-light { color: #f8f9fa !important; }
.border-light { border-color: #f8f9fa !important; }

.bg-dark { background-color: #343a40 !important; }
.text-dark { color: #343a40 !important; }
.border-dark { border-color: #343a40 !important; }

/* Extra Colors */
.bg-purple { background-color: #6f42c1 !important; }
.text-purple { color: #6f42c1 !important; }
.border-purple { border-color: #6f42c1 !important; }

.bg-pink { background-color: #e83e8c !important; }
.text-pink { color: #e83e8c !important; }
.border-pink { border-color: #e83e8c !important; }

.bg-orange { background-color: #fd7e14 !important; }
.text-orange { color: #fd7e14 !important; }
.border-orange { border-color: #fd7e14 !important; }

.bg-teal { background-color: #20c997 !important; }
.text-teal { color: #20c997 !important; }
.border-teal { border-color: #20c997 !important; }

.bg-indigo { background-color: #6610f2 !important; }
.text-indigo { color: #6610f2 !important; }
.border-indigo { border-color: #6610f2 !important; }

.bg-brown { background-color: #795548 !important; }
.text-brown { color: #795548 !important; }
.border-brown { border-color: #795548 !important; }

/* Neutral Shades */
.bg-white { background-color: #ffffff !important; }
.text-white { color: #ffffff !important; }
.border-white { border-color: #ffffff !important; }

.bg-gray { background-color: #6c757d !important; }
.text-gray { color: #6c757d !important; }
.border-gray { border-color: #6c757d !important; }

.bg-gray-light { background-color: #e9ecef !important; }
.text-gray-light { color: #e9ecef !important; }
.border-gray-light { border-color: #e9ecef !important; }

.bg-black { background-color: #000000 !important; }
.text-black { color: #000000 !important; }
.border-black { border-color: #000000 !important; }