/* Healthcare Aruba – Gedurfd (zwart marmer en koper), 29 oktober 2026.
   Zelfde pagina's, teksten, opbouw en interacties als Gedegen; alleen de kleurstelling verandert.
   Stijlanker: goedgekeurde zwarte homepage (gedurfd-ultraluxe-15): donker natuursteen, lichte tekst,
   verfijnde koperkaders (kopergloed circa 15% gedempt), parelmoer/witte driehoek en bol.
   Alles is begrensd tot html[data-thema="gedurfd"]; zonder dat kenmerk verandert er niets. */

html[data-thema="gedurfd"] {
  color-scheme: dark;
  background: #0b0908;
  --bar: #0e0c0b;
  --bar-line: #3a2c23;
  --bar-ink: #e4dbd0;
  --title: #e9e0d6;
  --text: #cdc3b8;
  --subtitle: #ab9f94;
  --card: #141110;
  --card-line: #5b3d2b;
  --rule: #33281f;
  --copper: #c99070;
  --focus: #e6c3a6;
  --emblem-opacity: .86;
  --shadow: 0 2px 6px rgb(0 0 0 / .45);
  --shadow-lift: 0 8px 22px rgb(0 0 0 / .55);
}
html[data-thema="gedurfd"] .rust,
html[data-thema="gedurfd"] .page-home {
  --koper-rand: linear-gradient(135deg, #d4ab8a 0%, #a96e48 25%, #865032 48%, #c79e7f 64%, #9d6342 84%, #be8e6b 100%);
  --licht: linear-gradient(rgb(10 8 7 / .30), rgb(10 8 7 / .30));
  --plaquette-schaduw: 0 1px 1px rgb(0 0 0 / .40), 0 6px 14px -4px rgb(0 0 0 / .55), 0 0 18px rgb(201 140 98 / .13);
  --plaquette-reliëf: inset 0 1px 0 rgb(255 236 221 / .10), inset 1px 0 0 rgb(255 236 221 / .06), inset 0 -1px 0 rgb(0 0 0 / .35), inset -1px 0 0 rgb(0 0 0 / .30);
}

/* Achtergrond: donker marmer met koperen aders */
html[data-thema="gedurfd"] body,
html[data-thema="gedurfd"] body.page-home {
  color: var(--text);
  background: linear-gradient(rgb(8 7 6 / .22), rgb(8 7 6 / .22)), url("../img/gedurfd/achtergrond.jpg") center / cover no-repeat fixed, #0b0908;
}

/* Bovenbalk en footer: donker marmer met koperen lijn (zelfde opbouw als Gedegen) */
html[data-thema="gedurfd"] .site-header,
html[data-thema="gedurfd"] .rust .site-header,
html[data-thema="gedurfd"] .page-home .site-header {
  background: linear-gradient(rgb(10 8 7 / .45), rgb(10 8 7 / .45)), url("../img/gedurfd/achtergrond.jpg") center 30% / cover, var(--bar);
  box-shadow: 0 6px 16px -10px rgb(0 0 0 / .8);
  color: var(--bar-ink);
}
html[data-thema="gedurfd"] .rust .site-footer {
  background: linear-gradient(rgb(10 8 7 / .45), rgb(10 8 7 / .45)), url("../img/gedurfd/achtergrond.jpg") center 70% / cover, var(--bar);
  box-shadow: 0 -6px 16px -10px rgb(0 0 0 / .8);
  color: var(--text);
}
html[data-thema="gedurfd"] .brand-window { color: var(--copper); }
html[data-thema="gedurfd"] .brand-name { color: var(--title); }
html[data-thema="gedurfd"] .about-link { border-bottom-color: rgb(239 232 224 / .55); }
html[data-thema="gedurfd"] .about-link[aria-current="page"] { border-bottom-color: var(--bar-ink); }

/* Marmerkaarten en plaquettes: donker marmer, koperen kader */
html[data-thema="gedurfd"] .service, html[data-thema="gedurfd"] .tile,
html[data-thema="gedurfd"] .marble-02 { background-image: linear-gradient(rgb(10 8 7 / .30), rgb(10 8 7 / .30)), url("../img/gedurfd/marble_02.jpg"); }
html[data-thema="gedurfd"] .marble-01 { background-image: linear-gradient(rgb(10 8 7 / .30), rgb(10 8 7 / .30)), url("../img/gedurfd/marble_01.jpg"); }
html[data-thema="gedurfd"] .marble-03 { background-image: linear-gradient(rgb(10 8 7 / .30), rgb(10 8 7 / .30)), url("../img/gedurfd/marble_03.jpg"); }
html[data-thema="gedurfd"] .marble-04 { background-image: linear-gradient(rgb(10 8 7 / .30), rgb(10 8 7 / .30)), url("../img/gedurfd/marble_04.jpg"); }
html[data-thema="gedurfd"] .home .service { background: none; }

html[data-thema="gedurfd"] .page-home .home .live-card { background: var(--licht) padding-box, url("../img/gedurfd/marble_01.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .page-home .home .marble-02 .live-card { background: var(--licht) padding-box, url("../img/gedurfd/marble_02.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .page-home .home .marble-03 .live-card { background: var(--licht) padding-box, url("../img/gedurfd/marble_03.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .page-home .home .marble-04 .live-card { background: var(--licht) padding-box, url("../img/gedurfd/marble_04.jpg") center / cover padding-box, var(--koper-rand) border-box; }
@media (hover: hover) {
  html[data-thema="gedurfd"] .page-home .home .service:hover .live-card { box-shadow: 0 10px 24px -8px rgb(0 0 0 / .7), 0 0 24px rgb(201 140 98 / .20), var(--plaquette-reliëf); }
}

html[data-thema="gedurfd"] .vlak { background: var(--licht) padding-box, url("../img/gedurfd/marble_01.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .kaarten .item { background: var(--licht) padding-box, url("../img/gedurfd/marble_02.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .kaarten .item + .item { background: var(--licht) padding-box, url("../img/gedurfd/marble_03.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .contact .vlak { background: var(--licht) padding-box, url("../img/gedurfd/marble_04.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .tile { background: var(--licht) padding-box, url("../img/gedurfd/marble_02.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .tile.marble-01 { background: var(--licht) padding-box, url("../img/gedurfd/marble_01.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .tile.marble-03 { background: var(--licht) padding-box, url("../img/gedurfd/marble_03.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .tile.marble-04 { background: var(--licht) padding-box, url("../img/gedurfd/marble_04.jpg") center / cover padding-box, var(--koper-rand) border-box; }
html[data-thema="gedurfd"] .rust .tile:hover { box-shadow: 0 10px 24px -8px rgb(0 0 0 / .7), 0 0 24px rgb(201 140 98 / .20), var(--plaquette-reliëf); }

/* Tekst, cijfers, links en knoppen */
html[data-thema="gedurfd"] .number, html[data-thema="gedurfd"] .tile-num { color: #cfc5bb; }
html[data-thema="gedurfd"] .rust .item .cijfer,
html[data-thema="gedurfd"] .rust .tekst p:not(.t2) .cijfer { color: var(--title); }
html[data-thema="gedurfd"] .crumbs li + li::before { color: #7d7067; }
html[data-thema="gedurfd"] .crumbs a,
html[data-thema="gedurfd"] .textlink,
html[data-thema="gedurfd"] .result-link { color: var(--bar-ink); text-decoration-color: rgb(201 144 112 / .75); }
html[data-thema="gedurfd"] .knowledge-link { text-decoration-color: rgb(201 144 112 / .6); }
html[data-thema="gedurfd"] .button { background: #e2d6c8; border-color: #e2d6c8; color: #17120f; }
html[data-thema="gedurfd"] .button:hover { background: #eee3d6; border-color: #eee3d6; }
html[data-thema="gedurfd"] .skip { background: #efe6dc; color: #17120f; }
html[data-thema="gedurfd"] .rust main .bron a { color: var(--bar-ink); }
html[data-thema="gedurfd"] .rust .portret img { box-shadow: 0 10px 26px -10px rgb(0 0 0 / .8), 0 0 18px rgb(201 140 98 / .13); }

/* Modellen: parelmoer/witte driehoek en bol (zelfde beelden, omgezet naar het donkere thema) */

html[data-thema="gedurfd"] .rust .vlak.subtiel { box-shadow: 0 4px 12px -4px rgb(0 0 0 / .55), var(--plaquette-reliëf); }
html[data-thema="gedurfd"] .rust .vlak.prominent { box-shadow: var(--plaquette-schaduw), var(--plaquette-reliëf), 0 0 26px rgb(201 140 98 / .17); }
/* Gloed rond het model (29-10): warm koper, zoals de gloed in de lichte versie, circa 15% gedempt */
html[data-thema="gedurfd"] .rust .model { position: relative; isolation: isolate; }
html[data-thema="gedurfd"] .rust .model::before {
  content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; aspect-ratio: 1 / 1; pointer-events: none;
  background: radial-gradient(circle at 49.8% 50%, rgb(238 164 112 / .40) 0, rgb(226 150 100 / .30) 14%, rgb(214 140 92 / .18) 30%, rgb(201 130 86 / .08) 44%, transparent 58%);
}