:root {
    --white-color: #ffffff;
    --shade-color: #0096FF; 
    --black-color: #000000;  
    --mobile-back-color: #ffffff; 
}

.analytics-card {
    background: var(--white-color) !important;
    color: var(--shade-color) !important;
}
.card-images {
    height: auto !important;
}
.metric-section {
    background: var(--white-color) !important;
    color: var(--shade-color) !important;
}
.second-column {
    background: var(--color) !important;
    color: var(--shade-color) !important;
}

.analytics-card-header {
    color: var(--black-color) !important;
}

.analytics-card-progress {
    color: var(--black-color) !important;
}
.metric-label {
    color: var(--black-color) !important;
}
.progress-text {
    color: var(--black-color) !important;
}
.metric-row-content {
    color: var(--black-color) !important;
}
.card-images {
    background: #f0f9ff !important;
}
/* Override SVG color #4E535F in flip cards */
.action-cards svg path[fill="#4E535F"] {
    fill: var(--shade-color) !important;
}
.bookmark-btn {
    background: var(--shade-color) !important;
}
.info-tooltip {
    background: var(--shade-color) !important;
    color: var(--white-color) !important;
    padding: 0.5rem !important;
}
.pdl-icon {
    font-size: 4rem;
    background: aliceblue;
    padding: 1rem;
    border-radius: 0.85rem;
    color: var(--shade-color);
}
#mbl-topbar--back {
    color: var(--shade-color) !important;
    background: var(--mobile-back-color) !important;  
}
.fa-paint-roller {
    color: #c7c5d8 !important;
}