/* Self-hosted Red Hat Display and Red Hat Text. Active since 2026-08-31.

   This file is loaded as its own <link>, alongside style.css, not instead of
   it. An earlier draft pulled style.css in here with @import, which works but
   chains the requests: the browser cannot start fetching style.css until it
   has parsed this file. Two parallel <link> tags are one round trip faster,
   and @font-face is order-independent, so nothing in the cascade cares.

   Subsets are latin + latin-ext in one file per weight. latin-ext is not
   optional: the rupee sign is U+20B9 and Google's latin subset stops at
   U+20AC, so a latin-only build drops the currency glyph on every price.

   Weights are exactly what style.css uses and nothing more:
     Display 500  the struck-through "was" price, .price s
     Display 700  h1, h2, h3, .eyebrow, .pill, and the nav and card headings
     Display 800  .wordmark, .stat-num, .price, .reading .eq
     Text 400     body
     Text 500     .nav-desktop a, .nav-mobile a, .dual a
     Text 700     bold body copy
   Adding a weight to style.css means adding the file and a block here, or the
   browser fakes it by smearing the nearest one.

   font-display: swap means text paints immediately in a fallback and swaps
   when the real font lands. A flash of the wrong font beats a blank screen,
   which matters most on a patchy mobile connection. */

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('red-hat-display-v21-latin_latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('red-hat-display-v21-latin_latin-ext-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('red-hat-display-v21-latin_latin-ext-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('red-hat-text-v19-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('red-hat-text-v19-latin_latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('red-hat-text-v19-latin_latin-ext-700.woff2') format('woff2');
}