:root {
  --heading-font: "Unna", serif;
  --body-font: "Gantari", sans-serif;
  --heading-color: #743000;
  --headerColor: #743000; /* Keep for compatibility */
}

/* Body and paragraph text */
body, p, .cs-text, .about-me-text p, .how-it-works-text p {
  font-family: var(--body-font);
}

/* All headings */
h1, h2, h3, h4, h5, h6,
.cs-title,
.section-title,
.services h2,
.about-me-text h2,
.how-it-works h2 {
  font-family: var(--heading-font);
  color: var(--heading-color);
}

body {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.cs-topper {
  font-size: var(--topperFontSize);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-family: var(--body-font);
}

.cs-title {
  font-size: var(--headerFontSize);
  font-weight: 900;
  color: var(--heading-color);
  margin-bottom: 1rem;
  font-family: var(--heading-font);
}

.cs-text {
  font-size: var(--bodyFontSize);
  color: var(--bodyTextColor);
  line-height: 1.5em;
  font-family: var(--body-font);
}