:root {
--bg-base: #F5F4F1;
--bg-card: #ECE7DE;
--accent: #B8C0B5;
--text-dark: #3E3A34;
}
body {font-family: 'Inter', sans-serif; color: var(--text-dark); background-color: var(--bg-base);}  
h1,h2,h3 {font-family: 'Cormorant Garamond', serif;}

 main + #contact {
    margin-top: 3rem;
  }
  @media (min-width: 768px) {
    main + #contact {
      margin-top: 5rem;
    }
  }

  .hero-section + #contact {
    margin-top: 0;
 }