/* Dirham Symbol - Custom icon for currency (U+E001) */
@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../NotoSans/custom/NotoSansDirham.woff2") format("woff2");
  unicode-range: U+E001;
}

/* Variable font - modern browsers only (Chrome 62+, Firefox 62+, Safari 11+, Edge 17+) */
@supports (font-variation-settings: normal) {
  /* Latin Variable (fallback for Latin characters) */
  @font-face {
    font-family: "Noto Sans Latin";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("../NotoSans/variable/NotoSansLatin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2122, U+2191, U+2193,
      U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* Arabic Variable */
  @font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("./variable/NotoSansArabic.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF,
      U+FE70-FEFF;
  }
}

/* Static fonts - legacy browsers only (IE 11, old mobile) */
@supports not (font-variation-settings: normal) {
  /* Latin static fonts (fallback for Latin characters in older browsers) */
  @font-face {
    font-family: "Noto Sans Latin";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./static/NotoSansLatin-Light.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Latin";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./static/NotoSansLatin-Regular.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Latin";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./static/NotoSansLatin-Medium.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Latin";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./static/NotoSansLatin-Bold.woff2") format("woff2");
  }

  /* Arabic static fonts */
  @font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./static/NotoSansArabic-Light.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./static/NotoSansArabic-Regular.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./static/NotoSansArabic-Medium.woff2") format("woff2");
  }

  @font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./static/NotoSansArabic-Bold.woff2") format("woff2");
  }
}

:root {
  --font-family: "Noto Sans Arabic", "Noto Sans Latin", sans-serif;
  --des-direction-title-font-family: "Noto Sans Arabic", "Noto Sans Latin",
    sans-serif;
  --des-direction-text-font-family: "Noto Sans Arabic", "Noto Sans Latin",
    sans-serif;
  --des-direction-direction: "RTL";
  --des-direction-weight-bold: 700;
  --des-direction-weight-wide-bold: 700;
  --des-direction-weight-medium: 500;
  --des-direction-weight-wide-medium: 500;
  --des-direction-weight-regular: 400;
  --des-direction-weight-light: 300;
}