/* ============================================================================
   fonts.css — Typography sources for the VALORANT frontpage
   ----------------------------------------------------------------------------
   VALORANT uses two licensed commercial typefaces:
     • Display / headings : "Tungsten-Bold"  (Hoefler & Co.)
     • Body / UI          : "DINNextW1G"     (Monotype)

   Those font FILES are licensed and are NOT bundled in this project.

   Strategy used here:
     1) Request the GENUINE fonts by name from Riot's own public CDN, exactly
        the way playvalorant.com loads them. When online (and not blocked by a
        referer policy) the page renders the real Tungsten / DIN Next.
     2) Always load free, near-identical Google Fonts as a fallback so the page
        looks correct offline / if the CDN is unreachable:
            Tungsten  ≈  Anton   (heavy condensed display)
            DIN Next  ≈  Barlow  (low-contrast grotesque, 400/500/700)

   If you OWN Tungsten / DIN Next, drop the .woff2 files in /assets/fonts and
   point the @font-face `src` below at them for a pixel-perfect match.
   @import must come first in the file.
============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');

/* ---- Genuine display face: Tungsten Bold (from Riot's public CDN) -------- */
@font-face {
  font-family: 'Tungsten-Bold';
  font-display: swap;
  src: url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/tungsten/Tungsten-Bold_Web.woff2') format('woff2'),
       url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/tungsten/Tungsten-Bold_Web.woff') format('woff');
}

/* ---- Genuine body face: DIN Next W1G (400 / 500 / 700) ------------------ */
@font-face {
  font-family: 'DINNextW1G';
  font-weight: 400;
  font-display: swap;
  src: url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/a077222b-f869-4748-8eda-79372b7c40a1.woff2') format('woff2'),
       url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/0297a959-5296-4f45-9729-78daf65d9e43.woff') format('woff');
}
@font-face {
  font-family: 'DINNextW1G';
  font-weight: 500;
  font-display: swap;
  src: url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/a077222b-f869-4748-8eda-79372b7c40a1.woff2') format('woff2'),
       url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/0297a959-5296-4f45-9729-78daf65d9e43.woff') format('woff');
}
@font-face {
  font-family: 'DINNextW1G';
  font-weight: 700;
  font-display: swap;
  src: url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/f855f545-9ff1-433c-912f-c58bd2d71d28.woff2') format('woff2'),
       url('https://lolstatic-a.akamaihd.net/webfonts/live/fonts/dinnext/8a078fb7-2865-4534-a436-3c2a87c69d57.woff') format('woff');
}