/* Local static faces: real weights, no synthesized Arabic weight ranges. */
@font-face {
  font-family: Inter;
  src: url("./fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("./fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011,
    U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("./fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011,
    U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("./fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2")
    format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011,
    U+FB50-FDFF, U+FE70-FEFC;
}
:root {
  --font: Inter, "IBM Plex Sans Arabic", sans-serif;
  --md-ref-typeface-plain: var(--font);
  --md-ref-typeface-brand: var(--font);
  font-synthesis: none;
}
:root[lang="ar"] {
  --font: "IBM Plex Sans Arabic", Inter, sans-serif;
}
/* M3 typography roles drive both application text and Material Web shadow DOM. */
:root {
  --md-sys-typescale-display-large-font: var(--font);
  --md-sys-typescale-display-large-size: 57px;
  --md-sys-typescale-display-large-line-height: 64px;
  --md-sys-typescale-display-large-weight: 500;
  --md-sys-typescale-display-medium-font: var(--font);
  --md-sys-typescale-display-medium-size: 45px;
  --md-sys-typescale-display-medium-line-height: 52px;
  --md-sys-typescale-display-medium-weight: 500;
  --md-sys-typescale-display-small-font: var(--font);
  --md-sys-typescale-display-small-size: 36px;
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-display-small-weight: 500;
  --md-sys-typescale-headline-large-font: var(--font);
  --md-sys-typescale-headline-large-size: 32px;
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-large-weight: 500;
  --md-sys-typescale-headline-medium-font: var(--font);
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-weight: 500;
  --md-sys-typescale-headline-small-font: var(--font);
  --md-sys-typescale-headline-small-size: 24px;
  --md-sys-typescale-headline-small-line-height: 32px;
  --md-sys-typescale-headline-small-weight: 500;
  --md-sys-typescale-title-large-font: var(--font);
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-large-weight: 500;
  --md-sys-typescale-title-medium-font: var(--font);
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-weight: 500;
  --md-sys-typescale-title-small-font: var(--font);
  --md-sys-typescale-title-small-size: 14px;
  --md-sys-typescale-title-small-line-height: 20px;
  --md-sys-typescale-title-small-weight: 500;
  --md-sys-typescale-body-large-font: var(--font);
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-line-height: 26px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: var(--font);
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-line-height: 22px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: var(--font);
  --md-sys-typescale-body-small-size: 13px;
  --md-sys-typescale-body-small-line-height: 20px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-label-large-font: var(--font);
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-label-medium-font: var(--font);
  --md-sys-typescale-label-medium-size: 13px;
  --md-sys-typescale-label-medium-line-height: 20px;
  --md-sys-typescale-label-medium-weight: 500;
  --md-sys-typescale-label-small-font: var(--font);
  --md-sys-typescale-label-small-size: 13px;
  --md-sys-typescale-label-small-line-height: 20px;
  --md-sys-typescale-label-small-weight: 400;
}
:root[lang="ar"] {
  --md-sys-typescale-body-large-line-height: 29px;
  --md-sys-typescale-body-medium-line-height: 26px;
  --md-sys-typescale-body-small-line-height: 24px;
  --md-sys-typescale-label-large-line-height: 25px;
  --md-sys-typescale-label-medium-line-height: 24px;
  --md-sys-typescale-label-small-line-height: 24px;
}