/* Liberty look for ERPNext's website pages (login etc.) — hooks.web_include_css. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap");
:root { --font-stack: "Barlow", "Inter", -apple-system, "Segoe UI", Roboto, sans-serif; }
body { font-family: var(--font-stack); background: #f0f3f7; border-top: 4px solid #c8102e; }
h1, h2, h3, h4, .page-card-head h4, .page-card-head .h4, .login-content h4 {
	font-family: "Barlow Condensed", Arial, sans-serif !important; text-transform: uppercase; letter-spacing: .8px; font-weight: 800; color: #0b1f3a;
}
.btn { font-family: "Barlow Condensed", Arial, sans-serif; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.btn-primary, .btn.btn-primary { background: #0b1f3a !important; border-color: #0b1f3a !important; color: #fff !important; }
.btn-primary:hover { background: #1b3a60 !important; }
a { color: #1d4ed8; }

/* login page (v16): the Continue button is .btn-login on a .btn-default base; the page bg comes from a more specific rule */
html body, html body.login-page, html body .page_content { background-color: #f0f3f7 !important; }
.login-content.page-card { background: #fff; border: 1px solid #d4d8de; border-top: 3px solid #0b1f3a; border-radius: 8px; box-shadow: 0 8px 28px rgba(11,31,58,.08); }
.btn-login, .btn.btn-login, .btn-login.btn-default { background: #0b1f3a !important; border-color: #0b1f3a !important; color: #fff !important; }
.btn-login:hover { background: #1b3a60 !important; }
.app-logo { border-radius: 6px; }