/* ===========================================================================
   WhatsGood — Webfonts
   ---------------------------------------------------------------------------
   SUBSTITUTION NOTE: The source app provided screenshots only (no font files).
   The display/wordmark face is a heavy condensed grotesque shown with a CMYK
   mis-registration shadow; the UI face is a friendly neutral grotesque.
   Nearest Google Fonts matches are used until real font files are supplied:
     • Display / wordmark  → Archivo Black  (heavy geometric grotesque)
     • Headings (expanded) → Archivo        (700/800/900)
     • Body / UI           → Hanken Grotesk (friendly neutral grotesque)
   Served from the Fontsource CDN (stable, versioned URLs). Swap the src to
   self-hosted files when the brand's real fonts arrive.
   ===========================================================================*/

/* ---- Archivo Black (single weight) ---------------------------------- */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/archivo-black@latest/latin-400-normal.woff2') format('woff2');
}

/* ---- Archivo (heading weights) -------------------------------------- */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/archivo@latest/latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/archivo@latest/latin-800-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/archivo@latest/latin-900-normal.woff2') format('woff2');
}

/* ---- Hanken Grotesk (body weights) ---------------------------------- */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/hanken-grotesk@latest/latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/hanken-grotesk@latest/latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/hanken-grotesk@latest/latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/hanken-grotesk@latest/latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/hanken-grotesk@latest/latin-800-normal.woff2') format('woff2');
}