/* Typography Base Rules */
html {
  font-size: 16px !important; /* Sets the global baseline rem */
}

body {
  font-size: 1rem; /* 16px */
  line-height: 1.6 !important;
  color: #333333 !important; /* Soft dark gray for better readability than pure black */
}

h1 {
  font-size: 2.5rem !important; /* 40px */
  line-height: 1.2 !important;
}

h2 {
  font-size: 1.875rem !important; /* 30px */
  line-height: 1.3 !important;
}

h3 {
  font-size: 1.375rem !important; /* 22px */
  line-height: 1.4 !important;
}

/* Call to Action Button */
.cta-button {
  font-size: 1.125rem !important; /* 18px */
  font-weight: bold !important;
}

/* Mobile Responsiveness Override */
@media (max-width: 768px) {
  h1 { font-size: 1.875rem !important; /* 30px */ }
  h2 { font-size: 1.5rem !important; /* 24px */ }
  body { font-size: 1rem !important; /* Keeps body at a highly readable 16px on phones */ }
}