:root {
    --waf-primary: #ed1c29;
    --waf-primary-hover: #c81621;
    --waf-primary-active: #a51118;
    --waf-primary-rgb: 237, 28, 41;

    --bs-primary: var(--waf-primary);
    --bs-primary-rgb: var(--waf-primary-rgb);
    --bs-link-color: var(--waf-primary);
    --bs-link-hover-color: var(--waf-primary-hover);
    --bs-link-color-rgb: var(--waf-primary-rgb);
    --bs-link-hover-color-rgb: 200, 22, 33;
}

.btn-primary {
    --bs-btn-bg: var(--waf-primary);
    --bs-btn-border-color: var(--waf-primary);
    --bs-btn-hover-bg: var(--waf-primary-hover);
    --bs-btn-hover-border-color: var(--waf-primary-hover);
    --bs-btn-active-bg: var(--waf-primary-active);
    --bs-btn-active-border-color: var(--waf-primary-active);
    --bs-btn-disabled-bg: var(--waf-primary);
    --bs-btn-disabled-border-color: var(--waf-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--waf-primary);
    --bs-btn-border-color: var(--waf-primary);
    --bs-btn-hover-bg: var(--waf-primary);
    --bs-btn-hover-border-color: var(--waf-primary);
    --bs-btn-active-bg: var(--waf-primary-active);
    --bs-btn-active-border-color: var(--waf-primary-active);
    --bs-btn-disabled-color: var(--waf-primary);
    --bs-btn-disabled-border-color: var(--waf-primary);
}

.bg-primary {
    background-color: var(--waf-primary) !important;
}

.text-primary {
    color: var(--waf-primary) !important;
}

.navbar.bg-primary {
    background-color: var(--waf-primary) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    color: #ffffff !important;
}

a {
    color: var(--waf-primary);
}

a:hover {
    color: var(--waf-primary-hover);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--waf-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--waf-primary-rgb), 0.25);
}

.form-check-input:checked {
    background-color: var(--waf-primary);
    border-color: var(--waf-primary);
}

.form-check-input:focus {
    border-color: var(--waf-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--waf-primary-rgb), 0.25);
}