:root {
	--funato-primary: #830f0f;
	--funato-primary-light: #B80005;

	/* Bootstrap v5 vars override */
	--bs-primary: var(--funato-primary);
	--bs-primary-rgb: 131, 15, 15;
	--bs-link-color: var(--funato-primary);
	--bs-link-hover-color: var(--funato-primary-light);
}

.btn-primary {
	background-color: var(--funato-primary);
	border-color: var(--funato-primary);
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--funato-primary-light);
	border-color: var(--funato-primary-light);
}

.text-primary { color: var(--funato-primary) !important; }
.bg-primary { background-color: var(--funato-primary) !important; }
.border-primary { border-color: var(--funato-primary) !important; }

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

.progress-bar {
	background-color: var(--funato-primary);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: var(--funato-primary);
}

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

.form-control:focus, .form-select:focus {
	border-color: var(--funato-primary);
	box-shadow: 0 0 0 .2rem rgba(131, 15, 15, .25);
}

.funato-panel {
    border: 1px solid rgba(131, 15, 15, 0.25);
    border-radius: 16px;
    padding: 1.25rem;
    background: linear-gradient(145deg, rgba(131, 15, 15, 0.05), #ffffff);
    box-shadow: 0 12px 24px rgba(131, 15, 15, 0.12);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.funato-panel:hover {
    border-color: var(--funato-primary);
    box-shadow: 0 16px 36px rgba(131, 15, 15, 0.2);
    transform: translateY(-2px);
}

.nav-logo { display:flex; justify-content:center; }

.nav-logo .nav-logo-img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nav-logo .theme-logo{
    text-align: center !important;
}

/* Center logo even with toggle button present */
.navbar-nav.theme-brand {
	position: relative;
	justify-content: center !important;
	width: 100%;
}
.navbar-nav.theme-brand .sidebar-toggle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.navbar-nav.theme-brand .nav-logo {
	flex: 0 1 auto;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJjdXN0b20uc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIiXSwiZmlsZSI6ImN1c3RvbS5jc3MifQ== */