/* ═══════════════════════════════════════════════════════════════════════
   candy.css — the candy world's faces, self-hosted.

   The hub (site.html), the catalogue (games.html) and the candy skins
   (matching.html, sort.html) were fetching Baloo Bhaijaan 2 and Cairo from
   the Google Fonts CDN — reintroducing everything the font pipeline exists
   to remove: a third-party request on a filtered school network, fonts that
   never pass the golden shaping gate, and a dead offline path. Measured
   against the CDN's css2 request chain, the swap is also simply smaller:
   the CDN served 4 Baloo weights + 3 Cairo weights as 7 files; these are 2
   variable files, 109 KB total, golden-gated like every other face.

   dna.css remains the game floor (pigments, mistara, kashida, the wall).
   This file is ONLY the candy faces — a page that needs the game floor
   loads both, and the duplicate 'Cairo' declaration is byte-identical so
   the browser resolves it once.
   ═══════════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: 'Baloo Bhaijaan 2';
  src: url('fonts/BalooBhaijaan2.subset.woff2') format('woff2-variations'),
       url('fonts/BalooBhaijaan2.subset.woff2') format('woff2');
  font-weight: 400 800;   /* variable — the hub's 500/600/700/800 are all here */
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('fonts/Cairo.subset.woff2') format('woff2-variations'),
       url('fonts/Cairo.subset.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}