/* Selectly · brug voor de oudere pagina's (Tailwind + Alpine): sectorpagina's, pakketten, over, blog, juridisch.
   De inhoud blijft, het gezicht wordt dat van de familie: donker en goud, schreefkoppen, dezelfde kop en voet.
   Kleurnamen (ink, brand, mint) worden in de head omgezet via de inline brug (tools/familie.mjs);
   hier staan enkel de dingen die Tailwind niet kan: letters, verlopen, gloed, oude decoratie. */
body.oud{font-family:var(--font-tekst);-webkit-font-smoothing:antialiased}
body.oud h1,body.oud h2{font-family:var(--font-kop);font-weight:var(--kop-gewicht)!important;letter-spacing:-.015em;line-height:1.06}
body.oud h3{letter-spacing:-.01em}
body.oud .font-mono{font-family:var(--font-mono)}

/* vlakken: warm krijt i.p.v. wit, gelaagd zwart i.p.v. blauw-navy */
body.oud .bg-white{background-color:var(--krijt)}
body.oud .bg-gray-50{background-color:var(--krijt-2)}
body.oud .bg-gray-50 .bg-white,body.oud .bg-white .bg-white{background-color:#FBFAF6}
body.oud section.bg-ink-900,body.oud section.bg-ink-800,body.oud main.bg-ink-900,body.oud .bg-ink-900.min-h-screen{background-image:radial-gradient(70% 60% at 50% 0%,var(--spot),transparent 70%)}
body.oud .border-gray-100,body.oud .border-gray-200{border-color:rgba(10,9,8,.09)}
body.oud .bg-ink-900 .border-white\/10,body.oud .border-white\/10{border-color:var(--haar)}

/* goud als enig accent */
body.oud .gradient-text{background:none!important;color:var(--nadruk)!important;-webkit-text-fill-color:currentColor!important}
body.oud .bg-white .gradient-text,body.oud .bg-gray-50 .gradient-text{background:none!important;color:var(--goud-op-licht)!important}
body.oud h1 .gradient-text,body.oud h2 .gradient-text{font-style:italic}
body.oud .shadow-glow{box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
body.oud .pulse-dot{background:var(--goud);box-shadow:0 0 0 0 rgba(var(--goud-rgb),.6);animation-name:goud-ping}
@keyframes goud-ping{0%{box-shadow:0 0 0 0 rgba(var(--goud-rgb),.6)}70%{box-shadow:0 0 0 12px rgba(var(--goud-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--goud-rgb),0)}}
body.oud *:focus-visible{outline-color:var(--goud)}
body.oud .sl-lift:hover{box-shadow:0 22px 48px -18px rgba(0,0,0,.6)}
body.oud .sl-glow:hover{box-shadow:0 14px 34px -10px rgba(0,0,0,.7)}
body.oud a.bg-brand-500,body.oud button.bg-brand-500,body.oud a.bg-mint-500,body.oud a.bg-mint-400,body.oud button.bg-mint-400{background-image:var(--goud-verloop);color:var(--zwart-1)}
body.oud a.bg-white.text-ink-900{background:var(--goud-verloop);color:var(--zwart-1)}

/* oude blauwe decoratie weg: aurora, blauwe stromen-foto, raster */
body.oud .sl-aurora,body.oud .sl-hero-img,body.oud .grid-bg,body.oud .glow-orb{display:none!important}
body.oud .sl-hero-imgveil,body.oud .sl-hero-veil{background:radial-gradient(70% 60% at 50% 0%,var(--spot),transparent 70%)!important}

/* de kop plakt op deze pagina's; inhoud schuift niet onder de kop */
body.oud .kop{font-family:var(--font-menu)}
body.oud .kop-plak + *{scroll-margin-top:var(--kop-h)}
html:has(body.oud){scroll-padding-top:calc(var(--kop-h) + 12px)}

/* de oude chatknop volgt het merk */
@media (prefers-reduced-motion:reduce){body.oud .pulse-dot{animation:none}}
body.oud.bg-white{background-color:var(--krijt)}