:root {
  --font-headline: 'freight-sans-pro';
  --font-headline-brand: 'freight-sans-pro';
  --font-sans: 'freight-sans-pro';
  --font-serif: 'freight-sans-pro';
}

.font-headline,
h1,
h2,
h3,
h4 {
  font-family: var(--font-headline);
  font-weight: 300;
  text-transform: uppercase;
}

p,
ul,
li,
ol,
[data-element-id='nav-desktop'] ul li,
[data-element-id='nav-desktop'] li button,
[data-element-id='mobile-nav-layout'] ul li {
  font-family: var(--font-sans);
  font-weight: 400 !important;
  font-style: normal;
}

a.btn--base,
button.btn--base,
a.btn,
button.btn {
  font-family: var(--font-sans);
  font-weight: 400;
  font-style: normal;
}