:root,
[data-color-theme=light] {
	--veristo-brown: #4a3426;
	--veristo-brown-dark: #3a281c;
	--veristo-brown-light: #5c4033;
	--veristo-orange: #e86f1a;
	--veristo-orange-dark: #c45a12;
	--veristo-orange-light: #f59a4a;
	--veristo-cream: #faf6f1;

	--bs-primary: #e86f1a;
	--bs-primary-rgb: 232, 111, 26;
	--primary-rgb: 232, 111, 26;
	--component-active-bg: #e86f1a;
	--component-active-bg-rgb: 232, 111, 26;
	--focus-ring-box-shadow: 0 0 0 0.125rem rgba(232, 111, 26, 0.25);
	--bs-link-color: var(--veristo-orange-dark);
	--bs-link-hover-color: #a34a0f;
}
body {
	background-color: var(--veristo-cream);
}

.btn-primary {
	--btn-color: #fff;
	--btn-bg: #e86f1a;
	--btn-border-color: #e86f1a;
	--btn-hover-color: #fff;
	--btn-hover-bg: #c45a12;
	--btn-hover-border-color: #c45a12;
	--btn-focus-shadow-rgb: 232, 111, 26;
	--btn-active-color: #fff;
	--btn-active-bg: #a34a0f;
	--btn-active-border-color: #a34a0f;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #e86f1a;
	--btn-disabled-border-color: #e86f1a;
}
.bg-primary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

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

.border-primary {
	border-color: var(--veristo-orange) !important;
}

.sidebar-dark {
	--bs-sidebar-bg: var(--veristo-brown);
	--bs-sidebar-color: #fff;
	--bs-sidebar-border-color: rgba(255, 255, 255, 0.08);
	background-color: var(--veristo-brown);
}

.sidebar-dark .nav-sidebar {
	--bs-nav-link-hover-bg: rgba(255, 255, 255, 0.08);
	--bs-nav-link-hover-active-bg: rgba(232, 111, 26, 0.2);
	--bs-nav-link-active-bg: rgba(232, 111, 26, 0.28);
	--bs-nav-link-active-color: #fff;
}

.sidebar-dark .nav-sidebar .nav-link.active {
	color: #fff;
}

.sidebar-dark .bg-black {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.sidebar-logo-mark {
	max-width: 170px;
	width: 100%;
	height: auto;
}

.navbar-static {
	background-color: #fff;
	border-bottom: 1px solid rgba(74, 52, 38, 0.12);
}

.card {
	border-color: rgba(74, 52, 38, 0.1);
}

.card-header {
	background-color: #fff;
	border-bottom-color: rgba(74, 52, 38, 0.1);
}

.bg-veristo-brown {
	background-color: var(--veristo-brown) !important;
	color: #fff !important;
}

.bg-veristo-orange {
	background-color: var(--veristo-orange) !important;
	color: #fff !important;
}

.bg-veristo-orange-light {
	background-color: var(--veristo-orange-light) !important;
	color: #fff !important;
}

.login-cover {
	min-height: 100vh;
	background:
		linear-gradient(rgba(74, 52, 38, 0.72), rgba(58, 40, 28, 0.82)),
		url('../images/login_cover.jpg') no-repeat center center;
	background-size: cover;
}

.login-form .card {
	background-color: rgba(255, 255, 255, 0.97);
	border: 1px solid rgba(74, 52, 38, 0.12);
}

.login-logo {
	max-width: 220px;
	width: 100%;
	height: auto;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--veristo-orange-light);
	box-shadow: 0 0 0 0.2rem rgba(232, 111, 26, 0.2);
}

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

.badge.bg-primary {
	background-color: var(--veristo-orange) !important;
}

.page-item.active .page-link {
	background-color: var(--veristo-orange);
	border-color: var(--veristo-orange);
}