/* Base Typography - Mobile First */
h1,
h2,
h3,
.aqiqah-text,
.card-title {
  font-family: "Funnel Display", serif;
  font-style: normal;
}

h1 {
  font-size: 3rem;
  line-height: 1.2;
}

h2 {
  font-size: 2.5rem;
  line-height: 1.3;
}

p {
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
}

/* Responsive Typography */
@media (min-width: 768px) {
  h1 { font-size: 3.5rem; }
  h2 { font-size: 3rem; }
}

@media (min-width: 1440px) {
  h1 { font-size: 4rem; }
  h2 { font-size: 3.5rem; }
}