/* The app's typefaces, every one served from this app (no Google Fonts request, so the pages' CSP stays 'self'),
   with a year-long immutable cache (src/utils/static_files.py). Each is under the SIL Open Font License 1.1; its
   licence ships next to it (../fonts/<family>/OFL.txt).

   - Work Sans: the signed-in workspace and the report, including the PDF. The PDF is rendered by headless Chromium
     on the server; with the font bundled, a slow or unreachable font service can never leave a report set in a
     fallback face. One variable font per style covers every weight from 100 to 900. No fallback flash: the
     workspace pages preload the regular face from their <head>, and font-display: block holds text for the moment
     it takes to arrive rather than painting a fallback face and swapping.
   - Bricolage Grotesque (headings) and Manrope (text): the www.feasibility.earth design system on the public pages
     ("/", /order/*, /login, /link, /account*; static/css/brand.css), and the wordmark of the workspace's logo.
     Variable, weights 200 to 800, latin and latin-ext (names such as Łódź and Şanlıurfa), font-display: swap. The
     public pages preload the two latin files.

   A face is only downloaded by a page that uses it, so declaring all three here costs the PDF and the workspace
   nothing. */

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('../fonts/work-sans/WorkSans-Variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url('../fonts/work-sans/WorkSans-Italic-Variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/bricolage-grotesque/bricolage-grotesque-latin-opsz-normal.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/bricolage-grotesque/bricolage-grotesque-latin-ext-opsz-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/manrope/manrope-latin-wght-normal.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/manrope/manrope-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Browsers give form controls their own system font rather than the page's, so
   buttons, inputs and dropdowns showed in Arial. They follow the page instead. */
button, input, select, textarea {
  font-family: inherit;
}

/* Headings default to bold (700) in every browser, and Work Sans has a true 700
   that reads too heavy for titles. Headings without a weight of their own use
   600; any rule that sets a weight still wins, being more specific. (brand.css,
   loaded after this file, gives the public pages' headings their own.) */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}