/* Sane (black + lilac) on Frappe's server-rendered pages (login, password reset, messages). */
:root {
	--sane-black: #0a0a0a;
	--sane-black-2: #141414;
	--sane-line: #2a2a2a;
	--sane-silver: #c9ced6;
	--sane-ink: #eef0f5;
	--sane-lilac: #8b7cf6;
}

body,
.page-container,
.page_content,
.web-footer,
.footer {
	background: var(--sane-black) !important;
	color: var(--sane-silver) !important;
}

.navbar {
	background: var(--sane-black) !important;
	border-color: var(--sane-line) !important;
}

h1, h2, h3, h4, .page-card-head h4, .login-content h4 {
	color: var(--sane-ink) !important;
}

section,
.for-login,
.for-forgot,
.for-signup,
.for-login-with-email-link,
.login-content,
.page-card {
	background: transparent !important;
	border-color: var(--sane-line) !important;
	color: var(--sane-silver) !important;
}

.page-card-subtitle {
	color: #9a9a9a !important;
}

.form-control,
input.form-control {
	background: var(--sane-black) !important;
	border-color: var(--sane-line) !important;
	color: var(--sane-ink) !important;
}

.form-control::placeholder {
	color: #6b6b6b !important;
}

.es-button[data-variant="solid"],
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
	background: var(--sane-lilac) !important;
	border-color: var(--sane-lilac) !important;
	color: var(--sane-black) !important;
	font-weight: 600;
}

.es-button:not([data-variant="solid"]),
.btn-default,
.btn-secondary {
	background: transparent !important;
	border: 1px solid var(--sane-line) !important;
	color: var(--sane-silver) !important;
}

a,
.text-muted,
label,
.form-label {
	color: var(--sane-silver) !important;
}