:root {
    --accent: #d22630;
    --accent-soft: #fff0f1;
    --red: #c12732;
    --red-soft: #fff0f1;
}

.brand-mark {
    overflow: hidden;
    padding: 2px;
    background: #050505;
    box-shadow: 0 5px 12px rgba(210, 38, 48, .24);
}

.brand-mark img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nav-item.active {
    color: #a91f28;
}

.btn.primary {
    box-shadow: 0 5px 15px rgba(210, 38, 48, .2);
}

.kpi.featured {
    background: linear-gradient(145deg, #fff 55%, #fff1f2);
}

.badge {
    color: #a91f28;
}

.bar i {
    background: linear-gradient(90deg, #ed6d74, var(--accent));
}