/* apps/mof_benefit_track/src/styles.scss */
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-Thin.woff2") format("woff2");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("./media/IBMPlexSansArabic-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
:root {
  --color-primary: #074D31;
  --color-primary-dark: #053a25;
  --color-primary-hover: #06432a;
  --color-white: #ffffff;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #cbd5e1;
  --color-gray-400: #94a3b8;
  --color-gray-500: #64748b;
  --color-gray-700: #334155;
  --color-gray-900: #0f172a;
  --color-danger: #d92d20;
  --color-success: #16a34a;
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 60px;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "IBMPlexSansArabic", sans-serif;
  color: var(--color-gray-900);
  background: #f7f9fb;
}
html[dir=ltr],
html[dir=ltr] body {
  font-family:
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "IBMPlexSansArabic",
    sans-serif;
}
body {
  position: relative;
}
button {
  font-family: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */