/* Verdan Solutions colour theme for the desk, login page and portal.
   Brand colours (from the Verdan logo): teal #1F7F80, navy #0B1729, green #2A9068. */

:root,
[data-theme="light"] {
	--verdan-teal: #1f7f80;
	--verdan-teal-dark: #176364;
	--verdan-teal-light: #e8f3f3;
	--verdan-navy: #0b1729;
	--verdan-green: #2a9068;

	--primary: var(--verdan-teal);
	--primary-color: var(--verdan-teal);
	--btn-primary: var(--verdan-teal);
	--border-primary: var(--verdan-teal);
	--checkbox-color: var(--verdan-teal);
	--sidebar-select-color: var(--verdan-teal-light);
}

[data-theme="dark"] {
	--verdan-teal: #2fa3a4;
	--verdan-teal-dark: #3bb5b6;
	--verdan-teal-light: #16393a;

	--primary: var(--verdan-teal);
	--primary-color: var(--verdan-teal);
	--btn-primary: var(--verdan-teal);
	--border-primary: var(--verdan-teal);
	--checkbox-color: var(--verdan-teal);
	--sidebar-select-color: var(--verdan-teal-light);
}

/* primary buttons: white text on teal, darker teal when pressed */
.btn.btn-primary,
.btn.btn-primary:focus {
	background-color: var(--verdan-teal);
	border-color: var(--verdan-teal);
	color: #ffffff;
}
.btn.btn-primary:hover {
	background-color: var(--verdan-teal-dark);
	border-color: var(--verdan-teal-dark);
	color: #ffffff;
}
.btn.btn-primary:active {
	background-color: var(--verdan-teal-dark) !important;
	color: #ffffff !important;
}

/* Frappe v16 "espresso" buttons (login page and newer screens) */
.es-button[data-variant="solid"] {
	background-color: var(--verdan-teal);
	border-color: var(--verdan-teal);
	color: #ffffff;
}
.es-button[data-variant="solid"]:hover,
.es-button[data-variant="solid"]:active {
	background-color: var(--verdan-teal-dark);
	border-color: var(--verdan-teal-dark);
	color: #ffffff;
}

/* top bar: thin brand stripe under the navbar */
.navbar {
	border-bottom: 3px solid var(--verdan-teal);
}

/* selected sidebar item and links in the brand colour */
.desk-sidebar .standard-sidebar-item.selected,
.sidebar-item-container .standard-sidebar-item.selected {
	background-color: var(--verdan-teal-light);
}
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-label,
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-icon use {
	color: var(--verdan-teal);
}

/* ticked checkboxes */
input[type="checkbox"]:checked {
	background-color: var(--verdan-teal);
	border-color: var(--verdan-teal);
}

/* login page */
.for-login .page-card-head img,
.for-forgot .page-card-head img {
	max-height: 56px;
	width: auto;
}