:root {
	--sanat-highlight: #12c8e8;
	--sanat-highlight-dark: #0098b8;
	--sanat-magenta: #f000df;
	--sanat-highlight-soft: rgba(18, 200, 232, .16);
}

.color-highlight,
.footer-bar .footer-active i,
.footer-bar .footer-active span,
.highlight-changer a.active p,
.highlight-changer a.active i {
	color: var(--sanat-highlight) !important;
}

.bg-highlight,
.btn.bg-highlight,
.icon.bg-highlight,
.footer-bar .footer-active::after,
.splide__pagination__page.is-active {
	background-color: var(--sanat-highlight) !important;
	color: #fff !important;
}

.border-highlight {
	border-color: var(--sanat-highlight) !important;
}

.btn-login,
.brand-mark,
.profile-head {
	background: var(--sanat-highlight) !important;
}

.btn-login:hover {
	background: var(--sanat-highlight-dark) !important;
}

.form-control:focus {
	border-color: var(--sanat-highlight) !important;
	box-shadow: 0 0 0 .2rem var(--sanat-highlight-soft) !important;
}

.highlight-changer a.active {
	transform: translateY(-2px);
}

.sanat-logo-title {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	max-width: calc(100% - 108px);
	text-transform: none !important;
	white-space: nowrap;
}

.sanat-brand-magenta {
	color: var(--sanat-magenta) !important;
}

.sanat-brand-cyan {
	color: var(--sanat-highlight) !important;
}

.sanat-brand-word {
	display: inline-block;
	overflow: hidden;
	color: #050505;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.sanat-brand-word .sanat-brand-magenta,
.sanat-brand-word .sanat-brand-cyan {
	font-size: inherit;
	font-weight: inherit;
	text-transform: none !important;
}

.sanat-dashboard-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
	padding: 4px 8px;
}

.sanat-dashboard-mark {
	width: 38px;
	height: 38px;
	object-fit: contain;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .12));
}

.sanat-dashboard-wordmark {
	color: #080a0d;
	font-family: "Montserrat", Inter, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
}

.sanat-dashboard-wordmark .brand-s {
	color: var(--sanat-magenta);
}

.sanat-dashboard-wordmark .brand-p {
	color: var(--sanat-highlight);
}

.sanat-footer-brand {
	margin-bottom: 4px;
	font-family: "Montserrat", Inter, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.05;
	text-transform: none !important;
}

.sanat-footer-brand strong,
.sanat-footer-brand span {
	text-transform: none !important;
}

.sanat-word-s {
	color: var(--sanat-magenta) !important;
}

.sanat-word-p {
	color: var(--sanat-highlight) !important;
	font-weight: 900;
}

.theme-dark .sanat-dashboard-wordmark {
	color: #fff !important;
}

.theme-dark .sanat-dashboard-wordmark .brand-s {
	color: var(--sanat-highlight) !important;
}

.theme-dark .sanat-dashboard-wordmark .brand-p {
	color: var(--sanat-magenta) !important;
}

.theme-dark .sanat-footer-brand .color-theme {
	color: #fff !important;
}

.theme-dark .sanat-footer-brand .sanat-word-s {
	color: var(--sanat-highlight) !important;
}

.theme-dark .sanat-footer-brand .sanat-word-p {
	color: var(--sanat-magenta) !important;
}

@media (max-width: 360px) {
	.sanat-brand-word {
		font-size: 16px;
	}

	.sanat-dashboard-brand {
		gap: 8px;
	}

	.sanat-dashboard-mark {
		width: 34px;
		height: 34px;
	}

	.sanat-dashboard-wordmark {
		font-size: 18px;
	}
}