/* Base Font */
* {
  font-family: 'Inter', sans-serif;
}

/* Headlines - Desktop */
.headline-1 {
  font-family: 'Inter', sans-serif;
  font-weight: 600; /* Semi Bold */
  font-size: 64px;
  line-height: 76px;
}

.headline-2 {
  font-family: 'Inter', sans-serif;
  font-weight: 600; /* Semi Bold */
  font-size: 36px;
  line-height: 44px;
}

.headline-3 {
  font-family: 'Inter', sans-serif;
  font-weight: 600; /* Semi Bold */
  font-size: 28px;
  line-height: 36px;
}

.headline-4 {
  font-family: 'Inter', sans-serif;
  font-weight: 600; /* Semi Bold */
  font-size: 20px;
  line-height: 28px;
}

/* Body - Desktop */
.body-1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 18px;
  line-height: 28px;
}

.body-2 {
  font-family: 'Inter', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 24px;
}

.body-3 {
  font-family: 'Inter', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 14px;
  line-height: 20px;
}

/* Caption - Desktop */
.text-1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 24px;
}

.text-2 {
  font-family: 'Inter', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 12px;
  line-height: 16px;
}

/* Mobile Typography */
@media (max-width: 768px) {
  .headline-1 {
    font-weight: 700; /* Bold */
    font-size: 28px;
    line-height: 36px;
  }

  .headline-2 {
    font-weight: 600; /* Semi Bold */
    font-size: 20px;
    line-height: 28px;
  }

  .headline-3 {
    font-weight: 600; /* Semi Bold */
    font-size: 18px;
    line-height: 24px;
  }

  .headline-4 {
    font-weight: 600; /* Semi Bold */
    font-size: 18px;
    line-height: 24px;
  }

  .body {
    font-weight: 500; /* Medium */
    font-size: 16px;
    line-height: 24px;
  }

  .caption {
    font-weight: 400; /* Regular */
    font-size: 14px;
    line-height: 20px;
  }
}