/* ═══════════════════════════════════════
   AVERTA STD — Valley Water brand typeface
   ═══════════════════════════════════════

   Supplied by the client as desktop TTFs and converted to WOFF2 for the web.
   Self-hosted rather than loaded from a CDN so the site has no dependency on
   a third party for its brand face.

   Averta carries no Arabic glyphs, so it is applied to the Latin body face
   only. The Arabic pages keep IBM Plex Sans Arabic — see variables.css.

   font-display: swap means text paints immediately in the fallback and
   re-renders when Averta arrives, rather than leaving the page blank. */

@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 is mapped to the Semibold file: Averta has no Medium, and letting the
   browser synthesise one produces a blurry faux weight. */
@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-600.woff2') format('woff2');
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold and Black carry the display type: the homepage tagline and any
   heading that asks for more than Bold. */
@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta';
  src: url('../assets/fonts/averta-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
