/* UponAI brand layer for pages Frappe renders itself (login, signup, password
   reset, web forms). The learner portal is styled by
   frontend/src/styles/uponai-brand.css; keep the two in step. */

:root {
	--uponai-brand: #0157a3;
	--uponai-brand-2: #1668b5;
	--uponai-brand-hover: #01498a;
	--uponai-font-display: 'Bricolage Grotesque', InterVar, Inter, system-ui, sans-serif;
}

[data-theme='dark'] {
	--uponai-brand: #1668b5;
	--uponai-brand-2: #2e7cc4;
	--uponai-brand-hover: #2e7cc4;
}

.es-button[data-variant='solid'],
.btn-primary {
	background: linear-gradient(135deg, var(--uponai-brand), var(--uponai-brand-2));
	border-color: transparent;
	color: #ffffff;
}

.es-button[data-variant='solid']:hover,
.btn-primary:hover {
	background: var(--uponai-brand-hover);
	color: #ffffff;
}

h1,
h2,
h3,
h4 {
	font-family: var(--uponai-font-display);
	letter-spacing: -0.01em;
}