/*
 * Satoshi web fonts (Fontshare CDN).
 *
 * React Native uses one explicit font family per weight (Satoshi-Light,
 * Satoshi-Regular, ...). The web has no such convention, so we re-declare
 * each of those family names here and point it at the matching Fontshare
 * weight file. This lets the shared `theme/typography.ts` fontFamily values
 * resolve unchanged on the web build.
 */

@font-face {
  font-family: 'Satoshi-Light';
  font-display: swap;
  font-weight: 300;
  src: url('https://cdn.fontshare.com/wf/D7WD5OXZFWQ5T76HSPWAC7MNKAJXE2YG/LUGNSPO5YC34ABNB2O6K7AFDSOJZT56V/WNDVG7O66ENLOD43GS7FBUCC4KMT5OM2.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Satoshi-Regular';
  font-display: swap;
  font-weight: 400;
  src: url('https://cdn.fontshare.com/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Satoshi-Medium';
  font-display: swap;
  font-weight: 500;
  src: url('https://cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Satoshi-Bold';
  font-display: swap;
  font-weight: 700;
  src: url('https://cdn.fontshare.com/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Satoshi-Black';
  font-display: swap;
  font-weight: 900;
  src: url('https://cdn.fontshare.com/wf/NHPGVFYUXYXE33DZ75OIT4JFGHITX5PE/PSUTMASCDJTVPERDYJZPN23BVUFUCQIF/J64QX5IPOHK56I2KYUNBQ5M2XWZEYKYX.woff2')
    format('woff2');
}
