: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;
 }

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; 
  scrollbar-width: none;
}

.gallery-img{
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.relative.overflow-hidden > picture > img.rounded-lg, img.rounded-full {
  outline: 6px solid var(--ring, #DCD6C9);
  outline-offset: -6px;
  transition: outline-color 0.25s ease;
}

/* Regenboogkleuren — herhalen om de 7 */
.group:nth-of-type(16n+1)  { --ring:#A1BBA6; } /* sage green */
.group:nth-of-type(16n+2)  { --ring:#C6A878; } /* tea gold */
.group:nth-of-type(16n+3)  { --ring:#6E8E73; } /* deep sage */
.group:nth-of-type(16n+4)  { --ring:#BFA88F; } /* clay beige */
.group:nth-of-type(16n+5)  { --ring:#7E9B7A; } /* herbal green */
.group:nth-of-type(16n+6)  { --ring:#D9D1BD; } /* pale sand */
.group:nth-of-type(16n+7)  { --ring:#AAB9B1; } /* celadon grey */
.group:nth-of-type(16n+8)  { --ring:#CFC7A7; } /* tea sand */
.group:nth-of-type(16n+9)  { --ring:#90A39A; } /* eucalyptus grey-green */
.group:nth-of-type(16n+10) { --ring:#C9B59A; } /* light terracotta */
.group:nth-of-type(16n+11) { --ring:#B5C8A8; } /* soft eucalyptus */
.group:nth-of-type(16n+12) { --ring:#A58E77; } /* warm wood */
.group:nth-of-type(16n+13) { --ring:#B5C3BE; } /* mist green */
.group:nth-of-type(16n+14) { --ring:#D4C9B4; } /* oat linen */
.group:nth-of-type(16n+15) { --ring:#8BA18E; } /* muted herb */
.group:nth-of-type(16n+16) { --ring:#E3DACB; } /* off-white linen */