/* Typography Styles */

/* Default font settings */
body {
  font-family: "Outfit", sans-serif;
}

/* RTL (Arabic) specific styles */
[dir="rtl"] body {
  font-family: "Cairo", sans-serif;
}

/* English text styles */
[dir="ltr"] {
  --heading-font: "Outfit", sans-serif;
  --body-font: "Outfit", sans-serif;
}

[dir="ltr"] h1,
[dir="ltr"] h2,
[dir="ltr"] h3,
[dir="ltr"] h4,
[dir="ltr"] h5,
[dir="ltr"] h6 {
  font-family: var(--heading-font);
  letter-spacing: -0.02em;
  font-weight: 600;
}

[dir="ltr"] .hero-title {
  font-weight: 700;
  letter-spacing: -0.03em;
}

[dir="ltr"] .section-title {
  font-weight: 600;
  letter-spacing: -0.02em;
}

[dir="ltr"] p,
[dir="ltr"] .section-text,
[dir="ltr"] .hero-subtitle {
  font-family: var(--body-font);
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.6;
}

/* Navigation and buttons in English */
[dir="ltr"] .nav-links a,
[dir="ltr"] .button,
[dir="ltr"] .cta-button {
  font-family: var(--heading-font);
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Team member names and roles in English */
[dir="ltr"] .member-name {
  font-weight: 600;
  letter-spacing: -0.01em;
}

[dir="ltr"] .member-role {
  font-weight: 500;
  letter-spacing: 0.2px;
}

/* Badge and special text elements */
[dir="ltr"] .badge {
  font-family: var(--heading-font);
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Form labels and inputs in English */
[dir="ltr"] label,
[dir="ltr"] input,
[dir="ltr"] textarea {
  font-family: var(--body-font);
  letter-spacing: 0.2px;
}

/* Footer text in English */
[dir="ltr"] .footer-content {
  font-family: var(--body-font);
  letter-spacing: 0.2px;
}