/* Login and any framework website page, in the Pull Logic palette. */

:root {
	--pl-ink: #131212;
	--pl-line: #E5E1DA;
	--pl-wash: #FAF8F5;
	--pl-gold: #FFAE33;
	--pl-gold-deep: #FFA600;
	--pl-gold-soft: #EABC66;
	--pl-muted: #6B6560;
}

body,
.for-login, .for-signup, .for-forgot, .login-content {
	font-family: Inter, "Helvetica Neue", -apple-system, BlinkMacSystemFont,
		"Segoe UI", Arial, sans-serif;
	background: var(--pl-wash);
	color: #3A3633;
}

.page_content, .login-content.page-card {
	border: 1px solid var(--pl-line);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(19, 18, 18, .04), 0 18px 44px -26px rgba(19, 18, 18, .35);
	background: #FFFFFF;
}

.login-content .page-card-head .indicator { color: var(--pl-ink); font-weight: 700; }

.login-content img.app-logo,
.page-card-head img { height: 40px; width: 40px; border-radius: 10px; }

.btn-primary,
.btn-login {
	background: linear-gradient(135deg, var(--pl-gold-deep), var(--pl-gold-soft));
	border-color: #E8A63C;
	color: var(--pl-ink);
	font-weight: 650;
	border-radius: 7px;
}

.btn-primary, .btn-login,
.btn-primary:hover, .btn-login:hover,
.btn-primary:focus, .btn-login:focus { color: var(--pl-ink) !important; }

.btn-primary:hover, .btn-login:hover { filter: brightness(1.05); }

.form-control { border-radius: 7px; border: 1px solid var(--pl-line); }
.form-control:focus {
	border-color: var(--pl-gold);
	box-shadow: 0 0 0 3px rgba(255, 174, 51, .18);
}

a { color: #8A5A00; }

.footer-powered-by, .web-footer .powered-by-frappe { color: var(--pl-muted); font-size: 12px; }