/* ============================================================
   ORO web fonts. Link on every page, BEFORE styles.css:
     <link rel="stylesheet" href="/css/fonts.css?v=..." />

   The same Mona Sans files the app embeds (store-assets/shared/fonts),
   subset to Latin + Latin-1 by store-assets/scripts/web-fonts.sh. Never
   hand-edit the woff2 files: rerun that script. Licences ship next to
   them (assets/fonts/OFL.txt, assets/fonts/README.txt).

   Families, mirroring mobile/src/theme/type.ts (three voices, never blended):
     'Mona Sans'          text width 400/600/700/800  everything else
     'Mona Sans Display'  Expanded Black              UPPERCASE names and short titles
     'Mona Sans Num'      Condensed ExtraBold         big numbers
     'ORO Mark'           Jost 300, 8 letters only    the ORO / FITNESS wordmark

   URLs are relative to THIS file (../assets/fonts/ = /assets/fonts/ on the
   live site), so they resolve the same from every page depth and also when
   the repo root is served (docs/site-research/kit.html). If you ever inline
   these rules into a page <style>, switch them to /assets/fonts/.

   Each file IS one weight. Weight ranges below make a nearby request snap
   to the right file instead of the browser faking a bold.
   ============================================================ */

@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-400.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-600.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-700.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-800.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Mona Sans Display';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-display-900.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Mona Sans Num';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/mona-sans-num-800.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013, U+2018-201D, U+2022, U+2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'ORO Mark';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/oro-mark.woff2') format('woff2');
  /* space E F I N O R S T: the letters of "ORO FITNESS" */
  unicode-range: U+0020, U+0045-0046, U+0049, U+004E-004F, U+0052-0054;
}

/* ---------- size-adjusted local fallbacks ----------
   Shown for the moment before a woff2 arrives (font-display: swap). Scaled
   so a line of fallback text is about as wide and as tall as Mona Sans,
   which keeps the swap from shoving the layout. Numbers measured with
   fontTools against the macOS/Windows system faces (web-fonts.sh notes):
     ratio = Mona advance width / fallback advance width on a sample line
     ascent/descent-override = Mona hhea (1.09 / 0.32 em) / ratio */
@font-face {
  font-family: 'Mona Sans Fallback';
  font-weight: 100 500;
  src: local('Arial'), local('ArialMT'), local('Helvetica Neue'), local('Helvetica'), local('Roboto');
  size-adjust: 101.2%;
  ascent-override: 107.7%;
  descent-override: 31.6%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Mona Sans Fallback';
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Neue Bold'), local('Helvetica-Bold'), local('Roboto Bold');
  size-adjust: 98.5%;
  ascent-override: 110.7%;
  descent-override: 32.5%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Mona Sans Display Fallback';
  src: local('Arial Black'), local('Arial-Black');
  size-adjust: 99.7%;
  ascent-override: 109.3%;
  descent-override: 32.1%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Mona Sans Num Fallback';
  src: local('Arial Narrow Bold'), local('ArialNarrow-Bold');
  size-adjust: 91.7%;
  ascent-override: 118.9%;
  descent-override: 34.9%;
  line-gap-override: 0%;
}