/* Brand for everything served outside the desk: the login page, the client
   portal and any website page on this site.

   Frappe drives its own buttons and links from --btn-primary and
   --primary-color, both of which default to near black. Overriding the two
   variables carries the brand through the framework's own components instead
   of fighting them selector by selector. */

:root {
	--tcmc-primary: #650216;
	--tcmc-primary-dark: #4a0110;
	--tcmc-accent: #ffe001;
	--tcmc-dark: #111111;
}

/* Frappe's own login and website bundles are linked after this file and set
   these same variables at :root, so a plain declaration here would lose on
   source order. The override is marked important rather than fought with
   ever more specific selectors. */
:root {
	--btn-primary: #650216 !important;
	--primary-color: #650216 !important;
	--primary: #650216 !important;
	--text-on-primary: #ffffff !important;
}

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

a:not(.btn) {
	color: var(--tcmc-primary);
}

a:not(.btn):hover {
	color: var(--tcmc-primary-dark);
}

.for-login .page-card-head img,
.page-card-head img.app-logo {
	height: 42px;
	width: auto;
}

.tcmc-page a {
	color: var(--tcmc-primary);
}

.tcmc-rule {
	height: 3px;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		var(--tcmc-primary) 0 33%,
		var(--tcmc-dark) 33% 66%,
		var(--tcmc-accent) 66% 100%
	);
}