/* Faikra Portal — Typography baseline */
:root {
  --text-hero: clamp(2.5rem, 4vw, 3.5rem);
  --text-h1: clamp(2rem, 3vw, 2.75rem);
  --text-h2: clamp(1.5rem, 2.2vw, 2rem);
  --text-h3: 1.25rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --lh-body-ar: 1.9;
  --lh-body-en: 1.7;
  --lh-heading: 1.45;
}

body {
  font-size: var(--text-body);
  line-height: var(--lh-body-en);
}

:lang(ar) body,
body:lang(ar) {
  line-height: var(--lh-body-ar);
}

.hero-title {
  font-size: var(--text-hero);
  font-weight: 700;
  line-height: 1.2;
}

.page-title {
  font-size: var(--text-h1);
  font-weight: 700;
  line-height: var(--lh-heading);
}

.section-title {
  font-size: var(--text-h2);
  font-weight: 700;
  line-height: var(--lh-heading);
}

.card-title {
  font-size: var(--text-h3);
  font-weight: 600;
  line-height: var(--lh-heading);
}

.body-text {
  font-size: var(--text-body);
}

.supporting-text {
  font-size: var(--text-small);
  opacity: 0.85;
}