/* Zeptive Typography */
@import url('https://fonts.googleapis.com/css2?family=Avenir:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
  --heading-font: 'Avenir', 'Montserrat', sans-serif;
  --body-font: 'Avenir', 'Montserrat', sans-serif;
  
  --h1-size: 3.5rem;
  --h2-size: 2.8rem;
  --h3-size: 2.2rem;
  --h4-size: 1.8rem;
  --h5-size: 1.5rem;
  --h6-size: 1.2rem;
  --body-size: 1rem;
  --small-size: 0.875rem;
  
  --heading-weight: 700;
  --subheading-weight: 600;
  --body-weight: 400;
  --bold-weight: 700;
}

/* Mobile Typography */
@media (max-width: 768px) {
  :root {
    --h1-size: 2.5rem;
    --h2-size: 2.2rem;
    --h3-size: 1.8rem;
    --h4-size: 1.5rem;
    --h5-size: 1.2rem;
    --h6-size: 1rem;
    --body-size: 0.9rem;
  }
}