/* ============================================================
   Spike Academy — Webfonts
   Display / headings : Montserrat  (Google Fonts)
   Body / UI          : Clear Sans  (Fontsource CDN, Intel, Apache-2.0)
   ============================================================ */

/* Montserrat — geometric sans used for the wordmark & all headings */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap");

/* Clear Sans — neutral humanist sans for body copy & UI */
@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-normal.woff2") format("woff2"),
       url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-italic.woff2") format("woff2"),
       url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-italic.woff") format("woff");
}
@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-500-normal.woff2") format("woff2"),
       url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-500-normal.woff") format("woff");
}
@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-700-normal.woff2") format("woff2"),
       url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-700-normal.woff") format("woff");
}