/* Enhanced Typography Styles */

:root {
  /* Updated font sizes for better readability */
  --text-9: 11px;
  --text-11: 13px;
  --text-13: 15px;
  --text-15: 17px;
  --text-17: 19px;
  --text-21: 24px;
  --text-24: 28px;
  --text-30: 36px;
  --text-40: 48px;
  --text-50: 60px;
  --text-52: 64px;
  --text-60: 72px;
  --text-64: 76px;
  --text-72: 84px;
  --text-92: 96px;
}

/* Enhanced heading styles */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  font-weight: 600;
  color: var(--color-accent-1);
  font-family: var(--font-secondary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

/* Paragraph text enhancements */
p {
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-size: var(--text-15);
  color: #333;
}

/* Text size utility classes with enhanced sizes */
.text-9 { font-size: var(--text-9) !important; }
.text-11 { font-size: var(--text-11) !important; }
.text-13 { font-size: var(--text-13) !important; }
.text-15 { font-size: var(--text-15) !important; }
.text-17 { font-size: var(--text-17) !important; }
.text-21 { font-size: var(--text-21) !important; }
.text-24 { font-size: var(--text-24) !important; }
.text-30 { font-size: var(--text-30) !important; }
.text-40 { font-size: var(--text-40) !important; }
.text-50 { font-size: var(--text-50) !important; }
.text-52 { font-size: var(--text-52) !important; }
.text-60 { font-size: var(--text-60) !important; }
.text-64 { font-size: var(--text-64) !important; }
.text-72 { font-size: var(--text-72) !important; }
.text-92 { font-size: var(--text-92) !important; }

/* Text alignment utilities */
.text-justify {
  text-align: justify !important;
}

/* Padding utilities */
.p-10 {
  padding: 2.5rem !important;
}

/* About page specific enhancements */
.about.-type-1 .about__title {
  font-size: var(--text-40);
  margin-bottom: 2rem;
}

.about.-type-1 .about__content {
  font-size: var(--text-17);
  line-height: 1.8;
}

/* Hero section text enhancements */
.pageHero__content h1 {
  font-size: var(--text-72);
  font-weight: 300;
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
}

/* About page specific line spacing improvements */
.layout-pt-lg.layout-pb-lg p {
  line-height: 1.8;
  margin-bottom: 2rem;
}

.layout-pt-lg.layout-pb-lg .text-18 {
  line-height: 1.9;
  margin-bottom: 3rem;
}

.layout-pt-lg.layout-pb-lg .text-15 {
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.layout-pt-lg.layout-pb-lg h3 {
  margin-bottom: 1.5rem;
  line-height: 1.4;
}

.layout-pt-lg.layout-pb-lg .y-gap-30 {
  margin-top: 4rem;
}

.layout-pt-lg.layout-pb-lg .y-gap-30:first-of-type {
  margin-top: 2rem;
}

/* Video page specific enhancements */
.video-card .video-info {
  padding: 1.5rem !important;
}

.video-card .video-info p {
  text-align: justify;
  line-height: 1.7;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .pageHero__content h1 {
    font-size: var(--text-60);
  }
  
  .about.-type-1 .about__title {
    font-size: var(--text-30);
  }
  
  .layout-pt-lg.layout-pb-lg .text-18 {
    line-height: 1.8;
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 767px) {
  .pageHero__content h1 {
    font-size: var(--text-40);
  }
  
  .about.-type-1 .about__content {
    font-size: var(--text-15);
  }
  
  .layout-pt-lg.layout-pb-lg .text-18 {
    line-height: 1.7;
    margin-bottom: 2rem;
  }
  
  .layout-pt-lg.layout-pb-lg .y-gap-30 {
    margin-top: 3rem;
  }
}