:root {
  --color-primary: #15796a !important;
  --color-accent: #15796a !important;
  --color-background: #f5f5f5 !important;

  --padding: 1.875rem !important;

  --font-size-h1: 3.75rem;
  --font-size-h2: 2.375rem;
  --font-size-h3: 1.875rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h1-mobile: 2.5rem;
  --font-size-h2-mobile: 2rem;
  --font-size-h3-mobile: 1.625rem;
  --font-size-h4-mobile: 1.375rem;
  --font-size-h5-mobile: 1.25rem;
  --line-height-text: 1.5;
  --line-height-list: 1.375;
  --line-height-figcaption: 1.5;
  --line-height-h1: 1.25;
  --line-height-h2: 1.3;
  --line-height-h3: 1.35;
  --line-height-h4: 1.4;
  --line-height-h5: 1.45;
}

body {
  background-color: var(--color-background) !important;
}

h1 {
  font-size: var(--font-size-h1) !important;
  line-height: var(--line-height-h1) !important;
}
h2 {
  font-size: var(--font-size-h2) !important;
  line-height: var(--line-height-h2) !important;
}
h3 {
  font-size: var(--font-size-h3) !important;
  line-height: var(--line-height-h3) !important;
}
h4 {
  font-size: var(--font-size-h4) !important;
  line-height: var(--line-height-h4) !important;
}
h5 {
  font-size: var(--font-size-h5) !important;
  line-height: var(--line-height-h5) !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-family-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
p,
figcaption,
em,
strong {
  color: #000 !important;
}

h1,
h2,
h3,
h4,
h5,
p,
figcaption,
em,
strong,
button,
a {
  word-spacing: -1.62px !important;
}

p,
figcaption,
em,
strong,
button,
a {
  letter-spacing: -0.005ch !important;
}

.block a:not(.no-arrow):after {
  content: none !important;
}

.block a[target]:not(.no-arrow):after {
  content: none !important;
}

.block--selected,
.border--blue,
.block--edited {
  border: calc(var(--border) / 2) solid #000 !important;
  outline: calc(var(--border) / 2) solid #000 !important;
}

.menu__arrow {
  font-size: var(--font-size-1) !important;
}

@media screen and (max-width: 800px) {
  h1 {
    font-size: var(--font-size-h1-mobile) !important;
  }
  h2 {
    font-size: var(--font-size-h2-mobile) !important;
  }
  h3 {
    font-size: var(--font-size-h3-mobile) !important;
  }
  h4 {
    font-size: var(--font-size-h4-mobile) !important;
  }
  h5 {
    font-size: var(--font-size-h5-mobile) !important;
  }
}