/* ============================================
   PROPHET GUESTS - TYPOGRAPHY
   ============================================ */

/* Google Fonts loaded via link in HTML */

/* ------------------------------------------
   DISPLAY HEADINGS
   ------------------------------------------ */
.display-1 {
  font-family: var(--font-display);
  font-size: var(--text-7xl);
  font-weight: 700;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

.display-2 {
  font-family: var(--font-display);
  font-size: var(--text-6xl);
  font-weight: 700;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

.display-3 {
  font-family: var(--font-display);
  font-size: var(--text-5xl);
  font-weight: 700;
  line-height: var(--leading-snug);
}

.display-4 {
  font-family: var(--font-display);
  font-size: var(--text-4xl);
  font-weight: 700;
  line-height: var(--leading-snug);
}

/* ------------------------------------------
   SECTION HEADINGS
   ------------------------------------------ */
.section-title {
  font-family: var(--font-display);
  font-size: var(--text-5xl);
  font-weight: 700;
  line-height: var(--leading-snug);
  text-align: center;
  margin-bottom: var(--space-4);
}

.section-title--left {
  text-align: left;
}

.section-subtitle {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  color: var(--color-grey-warm);
  text-align: center;
  max-width: 600px;
  margin: 0 auto var(--space-12);
}

/* ------------------------------------------
   BODY TEXT
   ------------------------------------------ */
.text-body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}

.text-body-lg {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  font-weight: 300;
}

.text-body-sm {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
}

/* ------------------------------------------
   ACCENT TEXT (Amiri)
   ------------------------------------------ */
.text-accent {
  font-family: var(--font-accent);
  font-style: italic;
}

/* Arabic phrases */
.arabic {
  font-family: var(--font-accent);
  direction: rtl;
}

/* ------------------------------------------
   UTILITY CLASSES
   ------------------------------------------ */
.text-gold {
  color: var(--color-gold);
}

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

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

.text-grey {
  color: var(--color-grey-warm);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.text-small-caps {
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

/* ------------------------------------------
   EYEBROW / LABEL
   ------------------------------------------ */
.eyebrow {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: var(--color-gold);
  margin-bottom: var(--space-4);
}

/* ------------------------------------------
   LINKS
   ------------------------------------------ */
.link {
  color: var(--color-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--transition-fast);
}

.link:hover {
  color: var(--color-gold-dark);
}

.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-gold);
  font-weight: 500;
  transition: gap var(--transition-fast);
}

.link-arrow:hover {
  gap: var(--space-3);
}

.link-arrow::after {
  content: '→';
}