/* Anmeldeseite und Webseiten von Frappe im Artis-Stil (Alpenluft). Nur Farben, Rundungen und Logo.
   Schrift: Inter wie in der Anwendung (bringt Frappe mit). */
:root {
	--artis-accent: #1e7a5a;
	--artis-accent-hover: #17654a;
	--artis-bg: #f3f5f8;
	--artis-line: #e3e8ef;
	--artis-ink: #0f172a;
}
body { background: var(--artis-bg); color: var(--artis-ink); -webkit-font-smoothing: antialiased; }
.page-card, .for-login .page-card, .login-content .page-card {
	border: 1px solid var(--artis-line);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px -14px rgba(15, 23, 42, 0.18);
	background: #fff;
}
.page-card-head h4, .page-card-head h3 { font-weight: 700; letter-spacing: -0.015em; }
.btn-primary, .btn-primary:focus {
	background: var(--artis-accent);
	border-color: var(--artis-accent);
	color: #fff;
	border-radius: 10px;
	font-weight: 600;
}
.btn-primary:hover { background: var(--artis-accent-hover); border-color: var(--artis-accent-hover); }
a, a:hover { color: var(--artis-accent); }
.form-control { border-radius: 10px; }
.form-control:focus { border-color: var(--artis-accent); box-shadow: 0 0 0 3px rgba(30, 122, 90, 0.2); }
.app-logo, .page-card-head img { max-height: 56px; width: auto; }