:root {
    --grids-selection-color: #000000;
    --grids-selection-bg-color: #F8D7DA;
    --grids-selection-hover-bg-color: #F8D7DA;
    --main-accent-color: #DC3545;
    --multiselect-hover-bg-color: #F8D7DA;
    --switch-container-background: #F8D7DA;
}

body {
    --club-primary-hover-color: color-mix(in srgb, var(--club-primary-color) 88%, #000000);
    --club-secondary-hover-color: color-mix(in srgb, var(--club-secondary-color) 88%, var(--club-primary-color));
}

body .bg-danger,
body .badge-danger,
body .btn-danger {
    background-color: var(--club-primary-color) !important;
}

body .btn-danger {
    border-color: var(--club-primary-color) !important;
}

body .btn-danger:hover,
body .btn-danger:focus,
body .btn-danger.focus,
body .btn-danger:not(:disabled):not(.disabled):active,
body .btn-danger:not(:disabled):not(.disabled).active,
body .btn-danger:not(:disabled):not(.disabled):active:hover,
body .btn-danger:not(:disabled):not(.disabled).active:hover,
body .btn-danger.bg-danger:hover,
body .btn-danger.bg-danger:focus,
body .btn-danger.bg-danger:active,
body .show > .btn-danger.dropdown-toggle,
body .bg-danger:hover,
body .bg-danger:focus,
body .bg-danger:active,
body .brand-link.bg-danger:hover {
    background-color: var(--club-primary-hover-color) !important;
    border-color: var(--club-primary-hover-color) !important;
}

body .btn-danger:focus,
body .btn-danger.focus,
body .btn-danger:focus:hover,
body .btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--club-primary-color) 35%, transparent) !important;
}

body .bg-danger,
body .badge-danger,
body .btn-danger,
body .card-danger:not(.card-outline) > .card-header {
    color: var(--club-primary-foreground-color) !important;
}

body .card-danger:not(.card-outline) > .card-header {
    background-color: var(--club-primary-color);
}

body .k-grid-header th.k-header,
body .k-grid-header .k-link,
body .k-grid-header .k-button,
body .k-filter-row th {
    color: var(--club-primary-color) !important;
}

body .k-grid-header .k-icon,
body .k-grid-header .k-svg-icon,
body .k-filter-row .k-icon,
body .k-filter-row .k-svg-icon,
body .k-pager-wrap .k-link,
body .k-pager-wrap .k-icon,
body .k-pager-wrap .k-svg-icon {
    color: var(--club-primary-color) !important;
    fill: currentColor;
}

body .k-pager-wrap .k-link.k-state-selected,
body .k-pager-wrap .k-pager-numbers .k-state-selected {
    color: var(--club-primary-color) !important;
    background-color: var(--club-secondary-color) !important;
    border-color: var(--club-primary-color) !important;
}

body .main-footer a {
    color: var(--club-primary-color);
}

body .main-footer a:hover,
body .main-footer a:focus {
    color: var(--club-primary-hover-color);
}