.card{
    background: #242424;
    color: #eef0f2;
}
.overview_cards {
    color: #eef0f2;
}

/* Child cards should have a darker background */
.card .card {
    background: #303030;
}

/* Links inside cards should use the brand teal */
.card a {
    color: #008BA5; 
}

.card a:hover {
    color: #008BA5;
}

/* Card with gradient border used on login and upload pages */
.gradient-card {
    border: 4px solid;
    border-image: linear-gradient(45deg, #20c997, #0dcaf0) 1;
    border-radius: 6px;
    overflow: hidden;
}

/* Special card variants consolidated from other styles */
.health-card {
    height: 100%;
    min-height: 158px;
}

.health-scroll-container .health-col .card {
    flex: 1 1 auto;
    height: 100%;
}

.health-card .card-body,
.highlight_metric .card-body {
    height: 100%;
}

.highlight_metric {
    background: #112428 !important;
    color: #ffffff;
}