:root {
	--bs-font-sans-serif: "Roboto", sans-serif;
	
	--bs-border-radius: 5px;
	--bs-border-radius-sm: 5px;
	--bs-border-radius-lg: 5px;
	
	--bs-primary: #1971d4;
	--bs-primary-rgb: 25, 113, 212;
	
	--bs-warning: #ff6000;
	--bs-warning-rgb: 255, 96, 0;
	
	--bs-transition: 0.3s ease all;
	--bs-breadcrumb-divider: "•";
}

.breadcrumb.text-light {
	--bs-breadcrumb-divider-color: var(--bs-light);
}

.modal {
	backdrop-filter: blur(5px);
}

.btn-close {
	--bs-btn-close-opacity: 0.75;
	--bs-btn-close-hover-opacity: 1;
	transition: var(--bs-transition);
}

.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
}

.btn-lg, .btn-group-lg > .btn {
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 1rem;
	--bs-btn-font-size: 1.25rem;
	--bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

a[data-warning] {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

a[data-warning]:focus, a[data-warning]:hover {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.accordion {
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-inner-border-radius: 0;
	--bs-accordion-border-radius: 0;
}