/* Teal color theme */
.bg-teal {
    background-color: #138362 !important;
}

.btn-teal {
    background-color: #20c997;
    border-color: #20c997;
    color: white;
}

.btn-teal:hover, .btn-teal:focus {
    background-color: #1ba87e;
    border-color: #1ba87e;
    color: white;
}

.btn-outline-teal {
    color: #20c997;
    border-color: #20c997;
}

.btn-outline-teal:hover {
    background-color: #20c997;
    border-color: #20c997;
    color: white;
}

/* Dark gray text for better readability */
.text-dark-gray {
    color: #495057 !important;
}

/* Stats cards with teal accent */
.stats-card-teal {
    border-left: 4px solid #20c997;
}

/* Table highlights with teal */
.table-hover tbody tr:hover {
    background-color: rgba(32, 201, 151, 0.05) !important;
}

/* Chart colors with teal theme */
.chart-color-teal {
    background-color: #20c997 !important;
}

/* Progress bars with teal */
.progress-bar-teal {
    background-color: #20c997 !important;
}

/* Form focus states */
.form-control:focus, .form-select:focus {
    border-color: #20c997 !important;
    box-shadow: 0 0 0 0.25rem rgba(32, 201, 151, 0.25) !important;
}

/* Badge variations with teal */
.badge-teal {
    background-color: rgba(32, 201, 151, 0.1);
    color: #20c997;
    border: 1px solid rgba(32, 201, 151, 0.2);
}
