/* Nasiib white-label styles: match UI accent colors to the teal logo */
:root,
[data-theme="light"],
[data-theme="dark"] {
	--nasiib-primary: #0f766e;
	--nasiib-primary-dark: #0c5d56;
	--nasiib-primary-light: #14b8a6;

	--primary: var(--nasiib-primary);
	--primary-color: var(--nasiib-primary);
	--btn-primary: var(--nasiib-primary);
	--sidebar-select-color: rgba(15, 118, 110, 0.12);
	--checkbox-color: var(--nasiib-primary);
	--checkbox-focus-shadow: 0 0 0 2px rgba(20, 184, 166, 0.35);
}

.btn-primary,
.btn-primary:focus {
	background-color: var(--nasiib-primary) !important;
	border-color: var(--nasiib-primary) !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--nasiib-primary-dark) !important;
	border-color: var(--nasiib-primary-dark) !important;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--nasiib-primary);
}

.indicator-pill.blue,
.indicator.blue::before {
	--indicator-blue: var(--nasiib-primary);
}

a:not(.btn):not(.dropdown-item):not(.nav-link) {
	--text-link: var(--nasiib-primary);
}

.desk-sidebar .desk-sidebar-item.selected,
.sidebar-item-container .selected {
	box-shadow: inset 2px 0 0 var(--nasiib-primary);
}

.navbar .indicator-pill,
.page-head .indicator-pill {
	--indicator-blue: var(--nasiib-primary);
}

/* Recolor the blue desktop tile icons (static SVG images) toward the teal brand color */
img[src*="desktop_icons"] {
	filter: hue-rotate(-31deg) saturate(0.85) brightness(0.92);
}