/* ===========================
   Proxima Nova
   =========================== */

/* Regular (400) */
@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proxima-nova-regular.woff2") format("woff2"),
       url("/fonts/proxima-nova-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic (400 italic) */
@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proxima-nova-italic.woff2") format("woff2"),
       url("/fonts/proxima-nova-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Semibold (600) */
@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proxima-nova-semibold.woff2") format("woff2"),
       url("/fonts/proxima-nova-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proxima-nova-bold.woff2") format("woff2"),
       url("/fonts/proxima-nova-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ===========================
   Brandon Grotesque
   =========================== */

/* Bold (700) */
@font-face {
  font-family: "Brandon Grotesque";
  src: url("/fonts/brandon-grotesque-bold.woff2") format("woff2"),
       url("/fonts/brandon-grotesque-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ===========================
   Utility classes (optional)
   =========================== */

.tk-proxima-nova {
  font-family: "Proxima Nova", sans-serif;
}

.tk-brandon-grotesque {
  font-family: "Brandon Grotesque", sans-serif;
}