/* G-Star brand colours on top of Frappe's theme variables. */
:root,
[data-theme="light"] {
	--gstar-green: #1d6b38;
	--gstar-green-dark: #155029;
	--gstar-navy: #1c2b3f;

	--primary: var(--gstar-green);
	--primary-color: var(--gstar-green);
	--btn-primary: var(--gstar-green);
}

[data-theme="dark"] {
	--gstar-green: #3fa865;
	--gstar-green-dark: #2f8a50;

	--primary: var(--gstar-green);
	--primary-color: var(--gstar-green);
	--btn-primary: var(--gstar-green);
}

.btn-primary,
.btn-primary:focus {
	background-color: var(--gstar-green);
	border-color: var(--gstar-green);
}

.btn-primary:hover,
.btn-primary:active {
	background-color: var(--gstar-green-dark);
	border-color: var(--gstar-green-dark);
}

/* Wide wordmark: keep it inside the navbar. */
.navbar-brand .app-logo {
	width: auto;
	max-height: 24px;
}

.for-login .app-logo,
.page-card-head .app-logo {
	width: auto;
	max-width: 220px;
	max-height: 64px;
}