/* responsive.css */
@media (max-width: 900px) {
  :root {
    --space-md: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 5rem;
  }
}

@media (max-width: 600px) {
  :root {
    --space-md: 1rem;
    --space-xl: 2rem;
  }
  
  .header {
    height: 60px;
  }
  
  .nav-container {
    height: 60px;
  }
  
  .logo img {
    height: 40px;
  }
}