@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Poppins:wght@600;700;800&display=swap");

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-text-primary);
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
}
h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}
h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

p {
  color: var(--color-text-secondary);
}

.text-muted {
  color: var(--color-text-muted);
}