/* Custom styles to override theme defaults */

:root {
  --font-size: 1.25rem;
}

.container {
  max-width: 1100px;
}

@media (max-width: 1080px) {
  .container {
    max-width: 900px;
  }
}

@media (max-width: 960px) {
  .container {
    max-width: 800px;
  }
}

/* Increase header sizes for better visual hierarchy */
h1 {
  font-size: 2.5rem;
  line-height: 1.3;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}