@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Cairo:wght@400;500;600;700&display=swap");

html,
html[data-theme="dark"] {
	background-color: #f4f7fb !important;
	color-scheme: light;
}

body.web-login,
body[data-path="login"],
body.web-login input,
body[data-path="login"] input,
body.web-login button,
body[data-path="login"] button {
	font-family: "IBM Plex Sans Arabic", "Cairo", "Segoe UI", Tahoma, sans-serif !important;
	font-size: 15px;
	background-color: #f4f7fb !important;
	color: #334155 !important;
	-webkit-font-smoothing: antialiased;
}

body.web-login .page-card,
body[data-path="login"] .page-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	color: #334155 !important;
}

body.web-login label,
body[data-path="login"] label {
	color: #64748b !important;
}

body.web-login .form-control,
body[data-path="login"] .form-control {
	background: #ffffff !important;
	color: #0f172a !important;
	border: 1px solid #e2e8f0 !important;
}