/* Typography Classes - Hostinger Design System */
.h-typography {
  font-family: var(--font-family);
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* Body Typography */
.h-t-body-1 {
  font-size: var(--font-size-body-1, 16px);
  line-height: var(--line-height-body-1, 24px);
  font-weight: var(--font-weight-body-1, 399);
  letter-spacing: var(--letter-spacing-body-1, 0);
}

.h-t-body-1-bold {
  font-size: var(--font-size-body-1-bold, 16px);
  line-height: var(--line-height-body-1-bold, 24px);
  font-weight: var(--font-weight-body-1-bold, 599);
  letter-spacing: var(--letter-spacing-body-1-bold, 0);
}

.h-t-body-2 {
  font-size: var(--font-size-body-2, 14px);
  line-height: var(--line-height-body-2, 20px);
  font-weight: var(--font-weight-body-2, 399);
  letter-spacing: var(--letter-spacing-body-2, 0);
}

.h-t-body-2-bold {
  font-size: var(--font-size-body-2-bold, 14px);
  line-height: var(--line-height-body-2-bold, 20px);
  font-weight: var(--font-weight-body-2-bold, 599);
  letter-spacing: var(--letter-spacing-body-2-bold, 0);
}

.h-t-body-3 {
  font-size: var(--font-size-body-3, 12px);
  line-height: var(--line-height-body-3, 16px);
  font-weight: var(--font-weight-body-3, 399);
  letter-spacing: var(--letter-spacing-body-3, 0);
}

.h-t-body-3-secondary {
  font-size: var(--font-size-body-3, 12px);
  line-height: var(--line-height-body-3, 16px);
  font-weight: var(--font-weight-body-3, 399);
  letter-spacing: var(--letter-spacing-body-3, 0);
  color: var(--h-fg-neutral-secondary);
}

/* Heading Typography */
.h-t-heading-2 {
  font-size: var(--font-size-heading-2, 20px);
  line-height: var(--line-height-heading-2, 28px);
  font-weight: var(--font-weight-heading-2, 599);
  letter-spacing: var(--letter-spacing-heading-2, -0.005em);
}

.h-t-heading-3 {
  font-size: var(--font-size-heading-3, 18px);
  line-height: var(--line-height-heading-3, 26px);
  font-weight: var(--font-weight-heading-3, 599);
  letter-spacing: var(--letter-spacing-heading-3, -0.005em);
}

/* Button Typography */
.h-t-button-2 {
  font-size: var(--font-size-button-2, 14px);
  line-height: var(--line-height-button-2, 24px);
  font-weight: var(--font-weight-button-2, 699);
  letter-spacing: var(--letter-spacing-button-2, 0);
}