/* Тема для страниц самого Frappe: вход, регистрация, сброс пароля, /pay, служебные сообщения.
   Подключается хуком web_include_css. Оформление задаётся дизайн-токенами Frappe;
   они объявлены на body, потому что бандлы Frappe заново объявляют свои значения на :root. */
body {
	--ultramarine: #2230d2;
	--ink: #0c1033;
	--ink-soft: #454a73;
	--paper: #f6f7fb;
	--rule: #d9dcec;

	--font-stack: "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--bg-color: var(--paper);
	--text-color: var(--ink);
	--heading-color: var(--ink);
	--primary: var(--ultramarine);
	--gray-900: var(--ink);
	--gray-800: var(--ultramarine);
	--surface-gray-7: var(--ink);
	--ink-gray-6: var(--ink-soft);
	--ink-gray-5: var(--ink-soft);
	--border-radius-sm: 0.75rem;
	--border-radius-lg: 1.75rem;

	font-weight: 350;
	font-variation-settings: normal;
}

/* Карточка формы — белая на бумажном фоне, как карточки на остальном сайте. */
body [class^="for-"] .page-card {
	background-color: #fff;
}

body .page-card-head {
	& img.app-logo {
		max-height: 2.5rem;
		border-radius: 0.5rem;
	}

	& h4 {
		font-weight: 620;
		letter-spacing: -0.025em;
	}
}

body .page-card :is(.btn, .form-control) {
	min-height: 2.75rem;
}

body .page-card .btn {
	font-weight: 550;
}

body :focus-visible {
	outline: 3px solid var(--ultramarine);
	outline-offset: 2px;
}