/* Sahel, the face the whole site is set in.
 
   Lifted out of base-style.css because the login and password-change pages do
   not load that file -- they render their own document and pull in
   accounts-style.css alone. Both of them asked for font-family: 'Sahel' and
   neither loaded it, so the first page every user sees was drawn in whatever
   Persian fallback the machine happened to have, and looked like a different
   product from the page they landed on a second later. It only ever looked
   right on a machine with Sahel installed system-wide, which is why it
   survived so long in development.
 
   Anything that sets font-family: Sahel has to load this first. */

@font-face {
    font-family: Sahel;
    src: url('../fonts/sahel/Farsi-Digits/Sahel-FD.eot');
    src: url('../fonts/sahel/Farsi-Digits/Sahel-FD.eot') format('embedded-opentype'),
        url('../fonts/sahel/Farsi-Digits/Sahel-FD.woff2') format('woff2'),
        url('../fonts/sahel/Farsi-Digits/Sahel-FD.woff') format('woff'),
        url('../fonts/sahel/Farsi-Digits/Sahel-FD.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Sahel-Mix;
    src: url('../fonts/Sahel.eot');
    src: url('../fonts/Sahel.eot') format('embedded-opentype'),
        url('../fonts/Sahel.woff2') format('woff2'),
        url('../fonts/Sahel.woff') format('woff'),
        url('../fonts/Sahel.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/sahel/Farsi-Digits/Sahel-Bold-FD.eot');
    src: url('../fonts/sahel/Farsi-Digits/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sahel/Farsi-Digits/Sahel-Bold-FD.woff2') format('woff2'),
        url('../fonts/sahel/Farsi-Digits/Sahel-Bold-FD.woff') format('woff'),
        url('../fonts/sahel/Farsi-Digits/Sahel-Bold-FD.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/Sahel-Light.eot');
    src: url('../fonts/Sahel-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sahel-Light.woff2') format('woff2'),
        url('../fonts/Sahel-Light.woff') format('woff'),
        url('../fonts/Sahel-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/Sahel-SemiBold.eot');
    src: url('../fonts/Sahel-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sahel-SemiBold.woff2') format('woff2'),
        url('../fonts/Sahel-SemiBold.woff') format('woff'),
        url('../fonts/Sahel-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/Sahel-Black.eot');
    src: url('../fonts/Sahel-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sahel-Black.woff2') format('woff2'),
        url('../fonts/Sahel-Black.woff') format('woff'),
        url('../fonts/Sahel-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
}
