:root {
	--bs-border-color: var(--border);
}

.form-control,
.form-select,
.option {
	background-color: var(--input-background) !important;
	color: var(--input-text) !important;
}

.card {
	box-shadow: 0px 0px 2px 0px black !important;
}

.nav-subgrupos {
	background-color: var(--background-nav-subgrupos) !important;
	color: var(--text-navsubgrupos) !important;
}

.form-label {
	color: var(--input-text) !important;
}

::placeholder {
	color: #bbb !important;
}

.card,
.modal-content {
	background-color: var(--card-background) !important;
	color: var(--card-text) !important;
}

.dropdown-menu {
	background-color: var(--menu-background) !important;
	border-color: var(--menu-border) !important;
}

.dropdown-item {
	color: var(--menu-text) !important;
}

.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:focus
{
	color: var(--menu-text-hover) !important;
	background-color: var(--menu-background-hover) !important;
}

.dropdown-divider {
	background-color: var(--menu-border) !important;
}

body,
main {
	background-color: var(--background) !important;
	color: var(--text);
}

table,
td,
th {
	background-color: var(--background) !important;
	color: var(--text) !important;
	border-color: var(--border) !important;
}

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

.btn-primary {
	background-color: var(--primary) !important;
	color: var(--text-primary) !important;
	border: 0;

	&:hover {
		background-color: var(--primary-hover) !important;
	}
}

.btn-outline-primary {
	border-color: var(--primary) !important;
	color: var(--primary) !important;

	&:hover {
		background-color: var(--primary-hover) !important;
		color: var(--text-primary) !important;
	}
}


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

.btn-secondary {
	background-color: var(--secondary) !important;
	color: var(--text-secondary) !important;
	border: 0;

	&:hover {
		background-color: var(--secondary-hover) !important;
	}
}

.btn-outline-secondary {
	border-color: var(--secondary) !important;
	color: var(--secondary) !important;

	&:hover {
		background-color: var(--secondary-hover) !important;
		color: var(--text-secondary) !important;
	}
}

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

.page-link {
	color: var(--primary) !important;
}

.page-item.active .page-link {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--text-primary) !important;
}


.breadcrumb-item {
	a {
		color: var(--primary) !important;

		&:hover {
			color: var(--primary-hover) !important;
		}
	}
}

.background-soft {
	background-color: var(--background-soft);
}

#top-nav {
	background-color: var(--nav);

	.nav-link,
	.navbar-brand {
		color: var(--text-nav)
	}
}

.footer-main {
	background-color: var(--footer);
	color: var(--text_footer);
}

.link-footer {
	color: var(--text_footer) !important;
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}

.social-btns {
	a {
		color: var(--text_footer);
		background-color: var(--footer-2);

		&:hover {
			color: var(--footer-2);
			background-color: var(--text_footer);
		}
	}
}

.card-soft {
	background-color: var(--card-soft) !important;
}

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

.product-card {
	background-color: var(--produto-card-background);
}

.product-card .inner {
	border-color: var(--produto-card-border);
}

.footer-bottom {
	background-color: var(--footer-2);
	color: var(--text-footer-2);
}