/* Typography Updates for Better Readability */

/* Update base font size from 14px to 16px (standard) */
body {
  font-size: 16px;
  line-height: 1.7;
}

/* Update all heading sizes proportionally */
h1 {
  font-size: 48px; /* was 32px */
}

h2 {
  font-size: 36px; /* was 24px */
}

h3 {
  font-size: 28px; /* was 20px */
}

h4 {
  font-size: 20px; /* was 16px */
}

h5 {
  font-size: 18px; /* was 14px */
}

/* Update paragraph and list text */
p, li {
  font-size: 16px;
  line-height: 1.7;
}

/* Hero section adjustments */
.hero h1 {
  font-size: 64px; /* was 48px */
}

.hero p {
  font-size: 24px; /* was 20px */
}

/* Update markdown content sizes */
.markdown-content h1 {
  font-size: 56px; /* was 48px */
}

.markdown-content h2 {
  font-size: 42px; /* was 36px */
}

.markdown-content h3 {
  font-size: 32px; /* was 24px */
}

/* Hero title adjustment */
.hero-title {
  font-size: clamp(56px, 8vw, 96px); /* was clamp(48px, 8vw, 80px) */
}

.hero-subtitle {
  font-size: clamp(20px, 3vw, 28px); /* was clamp(18px, 3vw, 24px) */
}

/* Card content */
.feature-card p,
.icon-card p,
.testimonial-card blockquote {
  font-size: 16px;
  line-height: 1.7;
}

/* Button text */
.cta-button,
.edition-cta {
  font-size: 18px; /* was 16px */
}

/* Navigation links */
.nav-link {
  font-size: 16px;
}

/* Pricing elements */
.price {
  font-size: 56px; /* was 48px */
}

.price span {
  font-size: 20px; /* was 18px */
}

.edition-tagline {
  font-size: 16px;
}

.who-for p {
  font-size: 15px; /* was 14px */
}

.feature-list li {
  font-size: 15px; /* was 14px */
}

/* Accordion content */
.accordion-header {
  font-size: 18px;
}

.accordion-content p,
.accordion-content li {
  font-size: 16px;
  line-height: 1.7;
}

/* Stats and metrics */
.stat-number {
  font-size: 56px; /* was 48px */
}

.stat-label {
  font-size: 20px; /* was 18px */
}

.stat-detail {
  font-size: 16px; /* was 14px */
}

.metric-value {
  font-size: 42px; /* was 36px */
}

.metric-label {
  font-size: 16px; /* was 14px */
}

/* Message cards */
.message-card {
  font-size: 16px;
}

.message-card h3 {
  font-size: 24px;
}

/* Timeline */
.timeline-date {
  font-size: 16px; /* was 14px */
}

.timeline-content p {
  font-size: 16px;
}

/* Screenshot info */
.screenshot-info h4 {
  font-size: 18px;
}

.screenshot-info p {
  font-size: 15px;
}

/* Footer text */
footer {
  font-size: 15px;
}

/* Code blocks */
.markdown-content code {
  font-size: 15px; /* was 14px */
}

/* Blockquotes */
.markdown-content blockquote {
  font-size: 17px;
}

/* Details/Summary (FAQ) */
.markdown-content summary {
  font-size: 18px;
}

/* Table text */
.markdown-content td {
  font-size: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  body {
    font-size: 15px;
  }
  
  h1 {
    font-size: 36px;
  }
  
  h2 {
    font-size: 28px;
  }
  
  h3 {
    font-size: 22px;
  }
  
  h4 {
    font-size: 18px;
  }
  
  h5 {
    font-size: 16px;
  }
  
  .hero h1 {
    font-size: 48px;
  }
  
  .hero p {
    font-size: 20px;
  }
  
  .hero-title {
    font-size: 48px;
  }
  
  .markdown-content h1 {
    font-size: 42px;
  }
  
  .markdown-content h2 {
    font-size: 32px;
  }
  
  .cta-button,
  .edition-cta {
    font-size: 16px;
  }
}

/* Large screens - slightly bigger */
@media (min-width: 1920px) {
  body {
    font-size: 17px;
  }
  
  .hero-title {
    font-size: clamp(64px, 8vw, 120px);
  }
  
  .markdown-content {
    font-size: 17px;
  }
}