body {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #0f172a;
  }
  @media (min-width: 768px) {
    body {
      font-size: 1.5rem;
    }
  }
  .heading-1 {
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 2rem;
  }
  @media (min-width: 768px) {
    .heading-1 {
      font-size: 3.75rem;
    }
  }
  .heading-2 {
    font-weight: 600;
    font-size: 2.125rem;
  }
  @media (min-width: 768px) {
    .heading-2 {
      font-size: 2.5rem;
    }
  }
  .heading-3 {
    font-weight: 600;
    font-size: 1.75rem;
  }
  @media (min-width: 768px) {
    .heading-3 {
      font-size: 2rem;
    }
  }
  .small-text {
    font-size: 1rem;
    color: #64748b;
  }