@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/pulse_custom/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2")
		format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/assets/pulse_custom/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2")
		format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/assets/pulse_custom/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2")
		format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/pulse_custom/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2")
		format("woff2");
}

:root {
	--pulsar-red: #680001;
	--pulsar-red-strong: #8e100a;
	--pulsar-surface: #f7f9fb;
	--pulsar-surface-muted: #f2f4f6;
	--pulsar-text: #191c1e;
	--pulsar-text-muted: #424245;
	--pulse-arabic-font: "IBM Plex Sans Arabic";
}

html[lang="ar"] {
	--font-stack: var(--pulse-arabic-font), "InterVariable", "Inter", "-apple-system",
		"BlinkMacSystemFont", "Segoe UI", sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
	font-family: var(--font-stack);
}

html[data-theme-mode="light"],
body[data-path="login"] {
	--primary: var(--pulsar-red);
	--primary-color: var(--pulsar-red);
	--brand-color: var(--pulsar-red);
	--btn-primary: var(--pulsar-red);
	--focus-blue: 0 0 0 2px rgba(104, 0, 1, 0.22);
	--checkbox-gradient: linear-gradient(180deg, var(--pulsar-red-strong), var(--pulsar-red));
	--progress-bar-bg: var(--pulsar-red);
}

html[data-theme-mode="dark"] {
	--primary: #f06f70;
	--primary-color: #f06f70;
	--brand-color: #f06f70;
	--btn-primary: #e4e4e7;
	--focus-blue: 0 0 0 2px rgba(240, 111, 112, 0.28);
	--checkbox-gradient: linear-gradient(180deg, #f06f70, #c93a3c);
	--progress-bar-bg: #f06f70;
}

a,
.link-content,
.text-muted a {
	color: var(--pulsar-red);
}

a:hover,
.link-content:hover,
.text-muted a:hover {
	color: var(--pulsar-red-strong);
}

.btn-primary,
.btn.btn-primary,
button.btn-primary {
	background-color: var(--pulsar-red);
	border-color: var(--pulsar-red);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-color: var(--pulsar-red-strong);
	border-color: var(--pulsar-red-strong);
	color: #fff;
}

.form-control:focus,
.awesomplete input:focus,
.input-with-feedback:focus {
	border-color: rgba(104, 0, 1, 0.45);
	box-shadow: 0 0 0 2px rgba(104, 0, 1, 0.13);
}

.navbar .navbar-brand img,
.app-logo {
	object-fit: contain;
}

body[data-path="login"] {
	background:
		linear-gradient(135deg, rgba(104, 0, 1, 0.05), rgba(242, 244, 246, 0.92)),
		var(--pulsar-surface);
	color: var(--pulsar-text);
}

body[data-path="login"] .page-card {
	border: 1px solid rgba(25, 28, 30, 0.08);
	border-radius: 10px;
	box-shadow: 0 18px 48px rgba(25, 28, 30, 0.08);
}

body[data-path="login"] .app-logo {
	max-height: 74px;
	max-width: min(260px, 82vw);
	margin-bottom: 0.75rem;
}

body[data-path="login"] h4 {
	color: var(--pulsar-text);
	font-weight: 600;
}

body[data-path="login"] .btn-login,
body[data-path="login"] .btn-login-with-email-link {
	border-radius: 8px;
	font-weight: 600;
	min-height: 36px;
}

body[data-path="login"] .page-card-head,
body[data-path="login"] .page-card-head h4 {
	color: var(--pulsar-text);
}

body[data-path="login"] .forgot-password-message a,
body[data-path="login"] .text-muted a,
body[data-path="login"] .page-card-actions a {
	color: var(--pulsar-red);
}

body[data-path="login"] footer {
	color: var(--pulsar-text-muted);
}

.splash img {
	max-width: min(260px, 72vw);
}

.desk-sidebar .standard-sidebar-item.selected,
.standard-sidebar .standard-sidebar-item.selected,
.standard-sidebar .standard-sidebar-item:hover {
	border-radius: 8px;
}

.indicator-pill.blue,
.indicator-pill-right.blue,
.indicator-pill-round.blue {
	background: rgba(104, 0, 1, 0.1);
	color: var(--pulsar-red);
}

html[data-theme-mode="dark"] a,
html[data-theme-mode="dark"] .link-content,
html[data-theme-mode="dark"] .text-muted a {
	color: #f06f70;
}

html[data-theme-mode="dark"] a:hover,
html[data-theme-mode="dark"] .link-content:hover,
html[data-theme-mode="dark"] .text-muted a:hover {
	color: #ff999a;
}

html[data-theme-mode="dark"] .form-control:focus,
html[data-theme-mode="dark"] .awesomplete input:focus,
html[data-theme-mode="dark"] .input-with-feedback:focus {
	border-color: rgba(240, 111, 112, 0.55);
	box-shadow: 0 0 0 2px rgba(240, 111, 112, 0.16);
}