@font-face {
  font-family: 'Bebas Neue Pro';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/BebasNeuePro/bebas-neue-pro-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Bebas Neue Pro';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('fonts/BebasNeuePro/bebas-neue-pro-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/NotoSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/NotoSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/NotoSans-Bold.woff2') format('woff2');
}

:root {
  --primitive-font-family-heading: 'Bebas Neue Pro', 'BebasNeue Pro iOS Fallback', 'BebasNeue Pro Fallback', sans-serif;
  --primitive-font-family-default: 'Noto Sans', 'Helvetica Neue Fallback', arial, sans-serif;

  --semantic-typography-family-heading: var(--primitive-font-family-heading);
  --semantic-typography-family-default: var(--primitive-font-family-default);
}