/**
 * Profile typography utilities.
 * Font families come from CSS variables set by the layout (config/profile_theme_typography.php).
 */

/* Headings: use theme heading font */
.profile-heading {
  font-family: var(--profile-heading-font, 'Inter', sans-serif);
  font-weight: 700;
  line-height: 1.2;
}

/* Body text */
.profile-body {
  font-size: 16px;
  line-height: 1.7;
  font-family: var(--profile-body-font, 'Inter', sans-serif);
}

/* Hero / name (responsive) */
.profile-hero-name {
  font-family: var(--profile-heading-font, 'Inter', sans-serif);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .profile-hero-name {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .profile-hero-name {
    font-size: 28px;
  }
}

/* Section headings */
.profile-section-title {
  font-family: var(--profile-heading-font, 'Inter', sans-serif);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

/* Meta / small text */
.profile-meta {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--profile-body-font, 'Inter', sans-serif);
}