/*! sd-colors-only.css — color overlay only (no layout)
 * Base deploy 6ac00e2a1b2c69dc962d9f8e
 * bg #BFB8AA · text #0C0D0A · CTA #0C0D0A · accent #0C0D0A
 */
:root {
  --bg: #BFB8AA !important;
  --bg-warm: #BFB8AA !important;
  --sand: #BFB8AA !important;
  --cream: #BFB8AA !important;
  --pill: #BFB8AA !important;
  --ivory: #BFB8AA !important;
  --ink: #0C0D0A !important;
  --text: #0C0D0A !important;
  --charcoal: #0C0D0A !important;
  --btn: #0C0D0A !important;
  --btn-dk: #0C0D0A !important;
  --brand-blue: #0C0D0A !important;
  --brand-blue-dk: #0C0D0A !important;
  --accent-blue: #0C0D0A !important;
  --burgundy: #0C0D0A !important;
}
html, body, main {
  background-color: #BFB8AA !important;
  color: #0C0D0A;
}
body {
  color: #0C0D0A;
}

/* Default readable text on sand — do not override photo/dark bands below */
p, li, label, figcaption, td, th, dd, dt,
h1, h2, h3, h4, h5, h6,
.kicker, .lbl, .intro, .lede {
  color: #0C0D0A;
}

/* Light text kept where it sits on a photo or dark band (existing layout) */
.hero h1, .hero h2, .hero h3, .hero p, .hero li, .hero .kicker, .hero-meta,
.hero-copy, .hero-copy h1, .hero-copy p, .hero-copy li,
.cta-band, .cta-band h2, .cta-band h3, .cta-band p, .cta-band li,
.sd-olive, .sd-olive h2, .sd-olive h3, .sd-olive p, .sd-olive li,
.contact-wat-volgt, .contact-wat-volgt h2, .contact-wat-volgt p, .contact-wat-volgt li {
  color: #fff;
}
.cta-band .pill, .cta-band a.pill,
.hero .pill, .hero a.pill, .pill-on-hero {
  color: #F5F0EA;
}

/* Primary buttons / CTAs — solid ink + light text */
.sd-cta,
a.sd-cta,
.btn,
.btn-primary,
a.btn,
.plan,
a.plan,
.checkout-cta,
a.checkout-cta,
.more.vol,
.more.checkout-cta,
a.more.checkout-cta,
.gate-submit,
.locatie-submit-btn,
button[type="submit"],
input[type="submit"],
.pill:not(.pill-ghost),
a.pill:not(.pill-ghost),
.cta-band .pill,
.cta-band a.pill {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  border-color: #0C0D0A !important;
  color: #F5F0EA !important;
}
.sd-cta:hover,
a.sd-cta:hover,
.btn:hover,
.btn-primary:hover,
.checkout-cta:hover,
.gate-submit:hover,
.locatie-submit-btn:hover,
button[type="submit"]:hover,
.pill:not(.pill-ghost):hover,
a.pill:not(.pill-ghost):hover {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  border-color: #0C0D0A !important;
  color: #F5F0EA !important;
}

/* Buttons are solid ink. No outline, no wine, no pine, no blue. */
.pill-ghost,
a.pill-ghost,
.btn-ghost,
.ghost,
.hero-book,
.cookie-btn-accept,
.jaar-hero__cta,
.btn-light,
.pill:not(.pill-ghost),
a.pill:not(.pill-ghost) {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  border-color: #0C0D0A !important;
  color: #F5F0EA !important;
}
.pill-ghost:hover,
a.pill-ghost:hover,
.btn-ghost:hover,
.ghost:hover,
.hero-book:hover,
.cookie-btn-accept:hover,
.jaar-hero__cta:hover,
.btn-light:hover {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  border-color: #0C0D0A !important;
  color: #F5F0EA !important;
}

/* Accent links, sparingly: in-copy links, not nav chrome or buttons */
p a,
li a,
.intro a,
.textlink,
a.textlink,
.prose a {
  color: #0C0D0A;
}
p a:hover,
li a:hover,
.textlink:hover {
  color: #0C0D0A;
}

/* Form fields: readable on sand */
input,
textarea,
select {
  color: #0C0D0A;
  background-color: #BFB8AA;
}
::placeholder {
  color: #5F584B;
  opacity: 1;
}

/* Header capsule on non-photo pages: sand, not white */
.sd-kapsel {
  background: #BFB8AA;
  color: #0C0D0A;
}
body[data-kop="foto"] .sd-kapsel {
  background: rgba(31, 29, 26, .38);
  color: #fff;
}

/* No moody blue: #0C0D0A for links, focus, progress, secondary accents */
:root {
  --gold: #0C0D0A !important;
  --accent: #0C0D0A !important;
  --olive: #0C0D0A !important;
  --olive-dk: #0C0D0A !important;
}
.cta-band,
.sd-olive,
.hp-olive {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  box-shadow: none !important;
}

.sd-kop {
  --sd-goud: #0C0D0A !important;
  --sd-olijf: #0C0D0A !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.sd-kop a:focus-visible,
.sd-kop button:focus-visible {
  outline-color: #0C0D0A;
}
progress,
progress::-webkit-progress-value,
progress::-moz-progress-bar {
  background-color: #0C0D0A;
  color: #0C0D0A;
}
.sd-paneel-account {
  border-color: rgba(12,13,10,.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.22), 0 1px 2px rgba(38,33,30,.04), 0 12px 28px -22px rgba(38,33,30,.5) !important;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(12,13,10,.22) 0%, rgba(12,13,10,0) 62%),
    rgba(12,13,10,.09) !important;
}
.sd-paneel-account:hover,
.sd-paneel-account:focus-visible {
  background: rgba(12,13,10,.2) !important;
  border-color: #0C0D0A !important;
}

/* Green/pine emboss removed. Accents are flat ink. */

/* Homepage: ink only. No green, no wine. */
body.sd-home {
  --accent: #0C0D0A !important;
  --accent-blue: #0C0D0A !important;
  --olive: #0C0D0A !important;
  --olive-dk: #0C0D0A !important;
}
body.sd-home .sd-kop {
  --sd-goud: #0C0D0A !important;
  --sd-olijf: #0C0D0A !important;
}
body.sd-home p a,
body.sd-home li a,
body.sd-home .intro a,
body.sd-home .textlink,
body.sd-home a.textlink,
body.sd-home .prose a,
body.sd-home p a:hover,
body.sd-home li a:hover,
body.sd-home .textlink:hover {
  color: #0C0D0A !important;
  text-shadow: none !important;
}
body.sd-home a:focus-visible,
body.sd-home button:focus-visible,
body.sd-home input:focus-visible,
body.sd-home select:focus-visible,
body.sd-home textarea:focus-visible,
body.sd-home .sd-kop a:focus-visible,
body.sd-home .sd-kop button:focus-visible {
  outline-color: #0C0D0A !important;
}
body.sd-home progress,
body.sd-home progress::-webkit-progress-value,
body.sd-home progress::-moz-progress-bar {
  background-color: #0C0D0A !important;
  color: #0C0D0A !important;
  box-shadow: none !important;
}
body.sd-home .cta-band,
body.sd-home .sd-olive {
  background: #0C0D0A !important;
  background-color: #0C0D0A !important;
  box-shadow: none !important;
}
body.sd-home .sd-paneel-account {
  border-color: rgba(12,13,10,.35) !important;
  background: rgba(12,13,10,.06) !important;
  box-shadow: 0 1px 2px rgba(38,33,30,.04), 0 12px 28px -22px rgba(38,33,30,.5) !important;
}
body.sd-home .sd-paneel-account:hover,
body.sd-home .sd-paneel-account:focus-visible {
  background: rgba(12,13,10,.12) !important;
  border-color: #0C0D0A !important;
}
