/* Font Classes */
.font-heading {
  font-family: "Quicksand", sans-serif;
}

.font-body {
  font-family: "Source Sans 3", sans-serif;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.section {
  padding: 80px 0; /* desktop */
}

@media (max-width: 1024px) {
  .section {
    padding: 64px 0; /* tablet */
  }
}

@media (max-width: 768px) {
  .section {
    padding: 48px 0; /* mobile */
  }
}

@media (max-width: 480px) {
  .section {
    padding: 32px 0; /* small mobile */
  }
}

/* Global paragraph styles - smaller font and tighter line height */
p,
.font-body p {
  font-size: 0.875rem; /* 14px base, adjusts responsively */
  line-height: 1.4; /* Tighter line height */
}

/* Responsive paragraph sizes */
@media (min-width: 768px) {
  p,
  .font-body p {
    font-size: 0.9375rem; /* 15px on tablets */
  }
}

@media (min-width: 1024px) {
  p,
  .font-body p {
    font-size: 1rem; /* 16px on desktop */
  }
}

/* Optional: Keep specific elements like small print or footnotes smaller */
.text-small p {
  font-size: 0.8125rem;
  line-height: 1.3;
}