body {
    color: #212529;
}
.text-muted {
    color: #495057 !important;
}
.page-title, .card-title, .form-label {
    color: #000000 !important;
    font-weight: 700;
}
.table {
    color: #212529 !important;
}
.table thead th {
    color: #000000 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
}
.table tbody td {
    color: #212529 !important;
    vertical-align: middle;
}
.color-dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.dual-tone-dot {
    background: linear-gradient(135deg, var(--color1) 50%, var(--color2) 50%);
}