:root{
  --fc-font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif;

  --fc-text: #18324d;
  --fc-muted: #5f7797;

  --fc-h1-size: 56px;
  --fc-h1-weight: 900;
  --fc-h1-line: 1.03;
  --fc-h1-track: -0.035em;

  --fc-h2-size: 38px;
  --fc-h2-weight: 800;
  --fc-h2-line: 1.12;
  --fc-h2-track: -0.02em;

  --fc-h3-size: 28px;
  --fc-h3-weight: 800;
  --fc-h3-line: 1.18;

  --fc-h4-size: 20px;
  --fc-h4-weight: 800;
  --fc-h4-line: 1.25;

  --fc-body-size: 17px;
  --fc-body-line: 1.72;

  --fc-muted-size: 15px;
  --fc-muted-line: 1.65;

  --fc-button-size: 16px;
  --fc-button-weight: 800;

  --fc-eyebrow-size: 12px;
  --fc-eyebrow-weight: 800;
  --fc-eyebrow-track: 0.08em;
}

html, body{
  font-family: var(--fc-font-sans);
  color: var(--fc-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  font-size: var(--fc-body-size);
  line-height: var(--fc-body-line);
}

h1, .fc-h1{
  font-size: var(--fc-h1-size);
  font-weight: var(--fc-h1-weight);
  line-height: var(--fc-h1-line);
  letter-spacing: var(--fc-h1-track);
}

h2, .fc-h2{
  font-size: var(--fc-h2-size);
  font-weight: var(--fc-h2-weight);
  line-height: var(--fc-h2-line);
  letter-spacing: var(--fc-h2-track);
}

h3, .fc-h3{
  font-size: var(--fc-h3-size);
  font-weight: var(--fc-h3-weight);
  line-height: var(--fc-h3-line);
}

h4, .fc-h4{
  font-size: var(--fc-h4-size);
  font-weight: var(--fc-h4-weight);
  line-height: var(--fc-h4-line);
}

p, li, input, select, textarea, button{
  font-family: var(--fc-font-sans);
}

.fc-body{
  font-size: var(--fc-body-size);
  line-height: var(--fc-body-line);
}

.fc-muted{
  font-size: var(--fc-muted-size);
  line-height: var(--fc-muted-line);
  color: var(--fc-muted);
}

button, .btn{
  font-family: var(--fc-font-sans);
  font-size: var(--fc-button-size);
  font-weight: var(--fc-button-weight);
  line-height: 1;
}

.eyebrow, .chip, .fc-eyebrow{
  font-size: var(--fc-eyebrow-size);
  font-weight: var(--fc-eyebrow-weight);
  letter-spacing: var(--fc-eyebrow-track);
  text-transform: uppercase;
}

@media (max-width: 980px){
  :root{
    --fc-h1-size: 42px;
    --fc-h2-size: 30px;
    --fc-h3-size: 24px;
    --fc-h4-size: 18px;
    --fc-body-size: 16px;
    --fc-muted-size: 14px;
  }
}