/* ---------------------------------------------------------------------------
   Donkere stand (7 nov 2026). Alleen actief als het apparaat van de bezoeker op
   donker staat; de lichte versie verandert niet. Dit bestand staat als laatste
   stylesheet in elke gedeployde pagina, zodat het met dezelfde selectors wint.

   Kleuren: pagina #0f1c1d, verhoogde vlakken #1a2c2b en #152829, de vlakken
   die licht al donker zijn (#143436 petrol, #173d3a donkergroen) blijven net
   anders dan de pagina, tekst #e7e2d6 / #c3c9c1 / #9ea69d, links #eaa982.
   Foto's, grafieken en omslagen blijven zoals ze zijn. Kaarten en het
   documentvoorbeeld op teardown.html blijven op papier, met hun lichte
   kleuren, zodat legenda en bijschrift blijven kloppen.
   Alleen op het scherm: afdrukken (ook de atlasposter) blijft licht.
--------------------------------------------------------------------------- */
@media screen and (prefers-color-scheme: dark) {

  :root{
    color-scheme:dark;
    --bg:#0f1c1d;
    --panel:#1a2c2b;
    --field:#152829;
    --ink:#e7e2d6;
    --soft:#c3c9c1;
    --grey:#9ea69d;
    --accent:#eaa982;
    --accent-warm:#eaa982;
    --brand:#c4d8d3;            /* als tekstkleur: koppen, labels, lijnen */
    --brand-deep:#0b1617;       /* footer */
    --brand-ink:#eef0ea;
    --brand-tint:#b9cbc8;
    --field-border:rgba(231,226,214,.34);
    --rule:rgba(231,226,214,.14);
    --rule-strong:#6f8f8b;
    --dot:rgba(231,226,214,.28);
    --label:#b9cfca;
    --moon:#6fb0ab;
    /* eigen tokens van deze stand */
    --dk-raised:#152829;
    --dk-raised-2:#1d3435;
    --dk-band:#143436;          /* was --brand als vlak */
    --dk-band-2:#173d3a;        /* was #193e3a, de donkergroene band */
    --dk-rust:#9a3818;          /* roest als vlak, met lichte tekst */
  }

  /* ---------- kop en navigatie ---------- */
  .bar .name .mark .c1{fill:#e0653a}
  .bar .name .mark .c2{fill:#6fb0ab}

  /* ---------- knoppen ---------- */
  .btn.acc,.btn.acc:hover,.closer .btn.acc,.calbox.calfallback .btn.acc,
  .hero .btn.acc,.pagehead .btn.acc,.publication-band .btn.acc,.home-page .author-band .btn.acc,
  .hero .btn.acc:hover,.pagehead .btn.acc:hover,.publication-band .btn.acc:hover,.home-page .author-band .btn.acc:hover{background:#ece5d7;color:#0f1c1d}
  .send{background:#ece5d7;color:#0f1c1d}
  .sub-btn{color:#0f1c1d}

  /* ---------- vlakken die in de lichte stand al donker zijn ---------- */
  .strip,.field-sec,.pagehead,.readout,.calbox.calfallback,.nutshell,.chi-band,
  .diligence-delivery,.work-page .sv-top,.calendar-disclosure>summary,.skip,.route:hover{background:var(--dk-band)}
  .calendar-disclosure>summary{border-color:var(--dk-band)}
  .publication-band,.ds-list>.ds-band:nth-child(odd),.about-page .blk.about-event{background:var(--dk-band-2)}
  .home-page .author-band{background:#1c332e}
  .pull,.sprint-payment{background:#0b1617}
  .diligence-delivery,.diligence-delivery p{color:#dfe4de}
  .diligence-delivery h2,.diligence-delivery a{color:#f6f3ec}
  .wo-card:hover .wo-go{background:var(--dk-band)}
  .calbox.calfallback{border-color:var(--rule)}
  /* dikke petrol lijnen worden de rustiger lijnkleur van deze stand */
  .scale-row,.sample-contents,.ws-table table,.isd-note{border-top-color:var(--rule-strong)}
  .choice-table thead th{border-color:var(--rule-strong)}
  .wk-table th{border-bottom-color:var(--rule-strong)}
  .barrow .bf{background:#7fa5a3}

  /* ---------- lichte vlakken naar donker ---------- */
  .blk.tint{background:var(--dk-raised)}
  .offers,.ledger,body.svc .blk>.g>.svc-row{background:var(--panel)}
  .blk.tint .ledger,body.svc .blk.tint>.g>.svc-row{background:var(--bg)}
  .offer:hover,.offer:has(a.offer-link:focus-visible){background:rgba(231,226,214,.04)}
  .svB-card{background:var(--dk-raised-2)}
  .svB-card:hover{background:#213b3c}
  .legal .todo{background:#3a2419}

  /* ---------- formulieren ---------- */
  .fld select{color-scheme:dark}
  .fld select option{color:var(--ink);background:var(--dk-raised)}

  /* ---------- teardown.html en de sample: papier wordt pagina ---------- */
  .teardown-page,.sample-page,.sample-page .sample-preview{background:var(--bg)}
  .teardown-page .teardown-delivery{border-top-color:var(--rule-strong)}
  .teardown-page .teardown-questions>div,.teardown-page .teardown-example-layout{border-color:var(--rule)}
  .sample-page .pagehead{background:linear-gradient(180deg,#152a2b,var(--bg))}
  .sample-page .pagehead h1{color:var(--brand)}
  .sample-page .pagehead .stand,.sample-page .pagehead .crumb{color:var(--soft)}
  .sample-page .sample-download a{color:var(--accent)}
  .sample-page .sample-download span{color:var(--grey)}
  .sample-page .sample-intro{border-top-color:var(--rule)}
  .sample-page .blk.tint{background:var(--bg);border-top-color:var(--rule)}
  .sample-page .sample-section,.sample-page .sample-section:first-child{border-top-color:var(--rule);color:var(--ink)}
  .sample-page .sample-section h2,.sample-page .sample-section h3{color:var(--brand)}
  .sample-page .sample-section p{color:var(--soft)}
  .sample-page .sample-section .cmp th{background:var(--dk-raised-2);color:var(--brand);border-bottom-color:rgba(231,226,214,.24)}
  .sample-page .sample-section .cmp td{border-bottom-color:var(--rule)}
  .sample-page .sample-excerpt{background:var(--dk-raised);border-top-color:var(--rule-strong)}
  .sample-page .sample-excerpt figcaption{color:var(--brand)}
  .sample-page .sample-section .sample-method{color:var(--grey)}
  .sample-framework figcaption{color:var(--soft)}
  .sample-page #sources>p:not(.sample-method){border-bottom-color:var(--rule)}

  /* Het voorbeelddocument in de schuif op teardown.html blijft papier: links de
     donkere dia, rechts de aantekeningen. Iets gedempt papier, lichte kleuren. */
  .ba{--ba-paper:#ece6da}
  .ba-after{--ink:#141917;--soft:#3a4744;--grey:#585f56;--accent:#a83c19;--brand:#123f43;
    --rule:rgba(18,63,67,.16);--rule-strong:#123f43;--dot:rgba(18,63,67,.32);color-scheme:light}
  html.jsnav .ba-handle::before{box-shadow:none}
  .ba-sw-before{box-shadow:inset 0 0 0 1px rgba(231,226,214,.4)}

  /* ---------- framework.html: kwadranten ---------- */
  .quad{background:var(--dk-raised-2);border-color:var(--rule)}
  .quad.on{background:var(--dk-band);border-color:var(--rule-strong)}
  .quad[data-q="A"].on{background:var(--dk-rust);border-color:var(--dk-rust)}
  .detail{background:var(--dk-raised-2);border-top-color:var(--rule-strong)}

  /* ---------- research.html ---------- */
  .rr-bar i{background:linear-gradient(90deg,var(--brand-tint) calc(var(--v) * 1%),rgba(231,226,214,.1) 0)}
  .rr-bar.rr-hl i{background:linear-gradient(90deg,var(--accent) calc(var(--v) * 1%),rgba(231,226,214,.1) 0)}
  .rr-cover{box-shadow:0 1px 0 var(--rule),0 14px 30px -18px rgba(0,0,0,.7)}
  .rr-dtf svg rect[fill="var(--accent)"]{fill:var(--dk-rust)}
  .rr-dtf svg text[fill="var(--bg)"]{fill:#f6efe6}

  /* ---------- lange leespagina's: noten, rail, balk ---------- */
  .rd-rail a[aria-current] .rd-seg{background:rgba(234,169,130,.24)}
  .rd-bar{box-shadow:0 8px 14px -14px rgba(0,0,0,.8)}
  .rd .rd-ref{text-decoration-color:rgba(234,169,130,.6)}
  .rd .rd-ref:hover{background:rgba(234,169,130,.08)}
  .rd .rd-ref[aria-expanded="true"]{background:rgba(234,169,130,.14)}
  .rd-wide .rd-tick::before{background:rgba(234,169,130,.5)}
  .ds-head .tonotify a{text-decoration-color:rgba(234,169,130,.4)}

  /* ---------- haarlijnen, sporen en schaduwen die op donkere inkt rekenden ---------- */
  .barrow .bt{background:rgba(231,226,214,.09)}
  .home-page .sample-intro img{border-color:var(--rule)}
  .ws-type{border-color:rgba(231,226,214,.3)}
  .sv-page .wk-pic{box-shadow:0 26px 50px -28px rgba(0,0,0,.7)}
  .ds .books{--cast-c:rgba(0,0,0,.5);--cast2-c:rgba(0,0,0,.24);--floor-c:rgba(0,0,0,.55);--shade-rgb:6,26,28}
  html.jsnav .ba-full .ba-clip{box-shadow:0 0 0 1px rgba(231,226,214,.14),0 26px 50px -32px rgba(0,0,0,.8)}

  /* ---------- atlas: de kaarten blijven op papier ---------- */
  #atlas-map,.story-map{--bg:#f3eee4;--field:#f3eee4;--brand:#123f43;--brand-deep:#0e3236;--accent:#a83c19;
    --ink:#141917;--soft:#3a4744;--grey:#585f56;--rule:rgba(18,63,67,.16);color:#141917}
  .atlas-bar .tr{background:rgba(231,226,214,.12)}
  .atlas-bar .fl{background:#9dbab6}
  .story-row.hot{background:rgba(234,169,130,.12)}
  .jsnav .story:not(.story-nodata) .story-num{color:#0f1c1d}
}

/* 13 nov 2026, Hugo: "ook zie ik weinig oranje, denk aan de knop view services and prices etc".
   De hoofdknop is weer oranje, in de lichte en in de donkere weergave. Dit staat hier omdat dit
   bestand op elke pagina als laatste laadt. */
.btn.acc,.closer .btn.acc,.calbox.calfallback .btn.acc,.hero .btn.acc,.pagehead .btn.acc,.publication-band .btn.acc,.home-page .author-band .btn.acc{background:#e0653a;color:#141917}
.btn.acc:hover,.closer .btn.acc:hover,.calbox.calfallback .btn.acc:hover,.hero .btn.acc:hover,.pagehead .btn.acc:hover,.publication-band .btn.acc:hover,.home-page .author-band .btn.acc:hover{background:#ec7a50;color:#141917;opacity:1}