/* Root */
:root {
    --bs-branding: #DC1E17;
    --bs-branding-rgb: 220, 30, 23;
    --bs-link-color: #DC1E17;
    --bs-link-color-rgb: 220, 30, 23;
    --bs-link-hover-color: rgb(176, 24, 18.4);
    --bs-link-hover-color-rgb: 176, 24, 18;
}

/* Buttons */
.btn-branding {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DC1E17;
    --bs-btn-border-color: #DC1E17;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(187, 25.5, 19.55);
    --bs-btn-hover-border-color: rgb(176, 24, 18.4);
    --bs-btn-focus-shadow-rgb: 225, 64, 58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(176, 24, 18.4);
    --bs-btn-active-border-color: rgb(165, 22.5, 17.25);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DC1E17;
    --bs-btn-disabled-border-color: #DC1E17;
}

.btn-outline-branding {
    --bs-btn-color: #DC1E17;
    --bs-btn-border-color: #DC1E17;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DC1E17;
    --bs-btn-hover-border-color: #DC1E17;
    --bs-btn-focus-shadow-rgb: 220, 30, 23;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DC1E17;
    --bs-btn-active-border-color: #DC1E17;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #DC1E17;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #DC1E17;
    --bs-gradient: none;
}

/* Forms */
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23DC1E17'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23DC1E17'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23DC1E17'/%3e%3c/svg%3e");
}

/* SVG Fill */
.fill-branding {
    fill: #DC1E17;
}