@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/club_framework/fonts/plus_jakarta_sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/club_framework/fonts/plus_jakarta_sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/club_framework/fonts/plus_jakarta_sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/club_framework/fonts/plus_jakarta_sans.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/club_framework/fonts/montserrat.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/club_framework/fonts/montserrat.woff2') format('woff2');
}
.montserrat {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
}

@font-face {
  font-family: 'IM Fell French Canon SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/club_framework/fonts/im_fell_french_canon_sc.woff2') format('woff2');
}
.im-fell-french-canon-sc {
  font-family: 'IM Fell French Canon SC', system-ui, -apple-system, sans-serif !important;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/club_framework/fonts/roboto.woff2') format('woff2');
}
.roboto {
  font-family: 'Roboto', system-ui, -apple-system, sans-serif !important;
}

:root {
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-body);
  font-stretch: condensed;
  clear: both;
  margin: 0;
  word-break: break-word;
}

h1, .h1 {
  color: var(--cb-fg_color);
  font-size: 2.5em;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600;
}

h2, .h2 {
  color: var(--cb-fg_color);
  font-size: 2.074em;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600
}

h3, .h3 {
  color: var(--cb-fg_color);
  font-size: 1.728em;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 500;
}

h5, .h5 {
  color: var(--cb-fg_color);
  font-size: 1.2em;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 500;
}

h6, .h6 {
  color: var(--cb-fg_color);
  font-size: 1em;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 500;
}

input, select, textarea {
  font-family: var(--font-body);
}