/* =====================================================
   fonts.css
   FONTS - SINGLE SOURCE OF TRUTH

   1. @font-face          font files served by the application
                          (users do NOT need to install them)
   2. --v2-font-stack-*   the font stack of every allowed font
   3. body.v2-font-*      maps the font chosen in Settings to
                          --v2-font-family

   Everything else (site.css, theme.css, page styles, print /
   Save-as-PDF rules) only uses var(--v2-font-family).

   Allowed font names and body classes: Services/AppearanceOptions.cs
   Loaded by _Layout.cshtml (the whole application, including the
   print / PDF view of any page) and by standalone print pages such
   as ExchangeTransactions/Print.cshtml.

   To add a font: add the file under wwwroot/fonts, add its
   @font-face and stack here, add it to AppearanceOptions.Fonts and
   to the Settings dropdown.
   ===================================================== */

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

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

@font-face {
    font-family: "Noto Naskh Arabic";
    src: url("../fonts/noto-naskh-arabic-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Noto Naskh Arabic";
    src: url("../fonts/noto-naskh-arabic-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --v2-font-stack-noto-sans-arabic: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
    --v2-font-stack-noto-naskh-arabic: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
    --v2-font-stack-tahoma: Tahoma, Arial, sans-serif;
    --v2-font-stack-arial: Arial, Tahoma, sans-serif;

    /* default until a body.v2-font-* class is applied */
    --v2-font-family: var(--v2-font-stack-noto-sans-arabic);
}

body.v2-font-noto-sans-arabic {
    --v2-font-family: var(--v2-font-stack-noto-sans-arabic);
}

body.v2-font-noto-naskh-arabic {
    --v2-font-family: var(--v2-font-stack-noto-naskh-arabic);
}

body.v2-font-tahoma {
    --v2-font-family: var(--v2-font-stack-tahoma);
}

body.v2-font-arial {
    --v2-font-family: var(--v2-font-stack-arial);
}