:root {
    --bs-primary: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-link-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-link-hover-color: {{ BOOTSTRAP_THEME_COLORS.2 }};
}

a {
    color: var(--bs-link-color);
}
a:hover {
    color: var(--bs-link-hover-color);
}

.text-bg-primary {
    background-color: {{ BOOTSTRAP_THEME_COLORS.0 }} !important;
}

.btn-primary {
    --bs-btn-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};

    --bs-btn-hover-bg: {{ BOOTSTRAP_THEME_COLORS.1 }};
    --bs-btn-hover-border-color: {{ BOOTSTRAP_THEME_COLORS.2 }};

    --bs-btn-active-bg: {{ BOOTSTRAP_THEME_COLORS.2 }};
    --bs-btn-active-border-color: {{ BOOTSTRAP_THEME_COLORS.2 }};

    --bs-btn-disabled-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-disabled-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
}

.btn-outline-primary {
    --bs-btn-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};

    --bs-btn-hover-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-hover-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};

    --bs-btn-active-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-active-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};

    --bs-btn-disabled-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-btn-disabled-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
}

.nav-pills {
  --bs-nav-pills-link-active-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
}

.form-check-input:checked {
    background-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
    border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
}

.pagination {
    --bs-pagination-active-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
    --bs-pagination-active-border-color: {{ BOOTSTRAP_THEME_COLORS.0 }};
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: {{ BOOTSTRAP_THEME_COLORS.0 }};
}
