@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500&display=swap');

@font-face {
  font-family: 'Tiempos Headline';
  src: url('https://23216734.fs1.hubspotusercontent-na1.net/hubfs/23216734/fonts/tiempos-headline-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline';
  src: url('https://23216734.fs1.hubspotusercontent-na1.net/hubfs/23216734/fonts/tiempos-headline-light-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Body text — IBM Plex Sans 300 */
  --hsElevate--body__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--body__fontWeight: 300 !important;

  /* Display headings — Tiempos Headline 300 */
  --hsElevate--display1__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--display2__font: 'Tiempos Headline', Georgia, serif !important;

  /* H1–H6 — Tiempos Headline 300 */
  --hsElevate--h1__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h1__fontWeight: 300 !important;
  --hsElevate--h2__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h2__fontWeight: 300 !important;
  --hsElevate--h3__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h3__fontWeight: 300 !important;
  --hsElevate--h4__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h4__fontWeight: 300 !important;
  --hsElevate--h5__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h5__fontWeight: 300 !important;
  --hsElevate--h6__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--h6__fontWeight: 300 !important;

  /* Quotes — Tiempos Headline 300 */
  --hsElevate--quotes__font: 'Tiempos Headline', Georgia, serif !important;
  --hsElevate--quotes__fontWeight: 300 !important;

  /* Buttons — IBM Plex Sans 400 */
  --hsElevate--button--primary__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--button--primary__fontWeight: 400 !important;
  --hsElevate--button--secondary__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--button--secondary__fontWeight: 400 !important;
  --hsElevate--button--tertiary__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--button--tertiary__fontWeight: 400 !important;
  --hsElevate--button--accent__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--button--accent__fontWeight: 400 !important;

  /* Form labels — IBM Plex Sans 400 */
  --hsElevate--formLabel__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--formLabel__fontWeight: 400 !important;

  /* Captions — IBM Plex Sans 400 */
  --hsElevate--captions__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--captions__fontWeight: 400 !important;

  /* Tags — IBM Plex Sans 400 */
  --hsElevate--tag__font: 'IBM Plex Sans', sans-serif !important;
  --hsElevate--tag__fontWeight: 400 !important;
}

/* Hero subhead — IBM Plex Sans for testing */
[data-hs-token="module.widget_1742912848235.richTextContentHTML"] h3 {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
}

/* Display weight fix — theme hardcodes 400, we need 300 */
.hs-elevate-display-1,
.hs-elevate-display-2 {
  font-weight: 300 !important;
}

/* Materials page carousel fix — hardcoded inline styles need !important */
#hs_cos_wrapper_module_17450031619784 * {
  font-family: 'IBM Plex Sans', sans-serif !important;
}
#hs_cos_wrapper_module_17450031619784 h1,
#hs_cos_wrapper_module_17450031619784 h2,
#hs_cos_wrapper_module_17450031619784 h3,
#hs_cos_wrapper_module_17450031619784 h4,
#hs_cos_wrapper_module_17450031619784 h5,
#hs_cos_wrapper_module_17450031619784 h6 {
  font-family: 'Tiempos Headline', Georgia, serif !important;
  font-weight: 300 !important;
}
