/* ============================================================
   Self-hosted fonts (Clash Display + Satoshi)
   ------------------------------------------------------------
   These used to load from Fontshare's servers on every visit.
   They are now bundled with the site (in css/fonts/), so there is
   no outside dependency, no "flash", and the page loads faster and
   works even if Fontshare is ever down.

   Fonts are licensed free for commercial use by Indian Type Foundry
   (Fontshare). Source: https://www.fontshare.com
   ============================================================ */

/* ---------- Clash Display (headings) ---------- */
@font-face {
    font-family: 'Clash Display';
    src: url('fonts/clash-display-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Clash Display';
    src: url('fonts/clash-display-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Clash Display';
    src: url('fonts/clash-display-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------- Satoshi (body text) ---------- */
@font-face {
    font-family: 'Satoshi';
    src: url('fonts/satoshi-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('fonts/satoshi-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('fonts/satoshi-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}