/* Kleuren van zoeken.navondo.nl, licht en donker (keuze Mark 2026-10-04; designsystem tokens.json, themes light/dark, merkboek
   'Donker thema'). Laden na het <style>-blok en knoppen.css van de pagina. thema.js zet html[data-theme="light"|"dark"]; zonder
   data-theme volgt de pagina het apparaat (prefers-color-scheme). De app gebruikt dezelfde waarden.
   Regel: een kleur in een pagina is een token (var(--…)), geen vaste waarde; anders blijft hij licht in het donkere thema.
   Uitzondering: wit als tekst op een knop of gekleurd vlak blijft wit. Foto's en de kaart (OpenStreetMap) blijven zoals ze zijn. */
:root{color-scheme:light;
  --ink:#285f72;--ink-block:#285f72;--on-ink:#ffffff;--ink-tint:#e3ecef;--ink-inverse-muted:#c8d7d4;
  --paper:#f8f6f1;--surface:#ffffff;--field:#fcfbf8;--sand:#f2eee6;--mist:#e9e1d3;--line:#ddd5c8;--line-strong:#cfc5b7;
  --muted:#657276;--text:#3f5a61;--label:#52686d;
  --gold:#b77a4b;--button:#986440;--button-hover:#87562f;--on-button:#ffffff;--gold-light:#e9b98c;--copper-text:#986440;
  --focus:#e7c9ae;--tint:#fbf3ea;--tint-light:#fdf8f2;--bid:#8a664a;
  --green:#466b5b;--green-soft:#dbe8df;--green-tint:#e8f0e8;--green-text:#426a59;
  --red:#a4453a;--red-soft:#f1e2dc;--red-tint:#f5e6e2;--red-text:#8a3f35;--red-signal:#c8433a;
  --placeholder:#8a979a;
  --shadow-search:0 8px 25px rgba(32,75,85,.05);--shadow-hover:0 9px 23px rgba(32,75,85,.12);--shadow-popup:0 8px 24px rgba(20,49,56,.18);
  /* Oude namen in de pagina's */
  --soft:var(--sand);--card:var(--surface);--rood:var(--red)}

@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;
  --ink:#dce9ec;--ink-block:#1e4a59;--on-ink:#11181b;--ink-tint:#1d3a45;--ink-inverse-muted:#c8d7d4;
  --paper:#11181b;--surface:#19232a;--field:#131c21;--sand:#22303a;--mist:#243840;--line:#2b3a42;--line-strong:#637a83;
  --muted:#98a9ae;--text:#c3d1d5;--label:#a9babe;
  --gold:#b77a4b;--button:#986440;--button-hover:#87562f;--on-button:#ffffff;--gold-light:#e9b98c;--copper-text:#dca67c;
  --focus:#6a4b33;--tint:#2a2119;--tint-light:#231d18;--bid:#8a664a;
  --green:#6db28c;--green-soft:#1c3328;--green-tint:#1b2e25;--green-text:#8fcaa8;
  --red:#e4806f;--red-soft:#3b201c;--red-tint:#3a2220;--red-text:#ee9d90;--red-signal:#b0443a;
  --shadow-search:0 8px 25px rgba(0,0,0,.35);--shadow-hover:0 9px 23px rgba(0,0,0,.45);--shadow-popup:0 8px 24px rgba(0,0,0,.55)}}
:root[data-theme=dark]{color-scheme:dark;
  --ink:#dce9ec;--ink-block:#1e4a59;--on-ink:#11181b;--ink-tint:#1d3a45;--ink-inverse-muted:#c8d7d4;
  --paper:#11181b;--surface:#19232a;--field:#131c21;--sand:#22303a;--mist:#243840;--line:#2b3a42;--line-strong:#637a83;
  --muted:#98a9ae;--text:#c3d1d5;--label:#a9babe;
  --gold:#b77a4b;--button:#986440;--button-hover:#87562f;--on-button:#ffffff;--gold-light:#e9b98c;--copper-text:#dca67c;
  --focus:#6a4b33;--tint:#2a2119;--tint-light:#231d18;--bid:#8a664a;
  --green:#6db28c;--green-soft:#1c3328;--green-tint:#1b2e25;--green-text:#8fcaa8;
  --red:#e4806f;--red-soft:#3b201c;--red-tint:#3a2220;--red-text:#ee9d90;--red-signal:#b0443a;
  --shadow-search:0 8px 25px rgba(0,0,0,.35);--shadow-hover:0 9px 23px rgba(0,0,0,.45);--shadow-popup:0 8px 24px rgba(0,0,0,.55)}

/* Velden en tekst die de browser zelf kleurt. :where() heeft geen voorrang: een eigen stijl van de pagina wint altijd. */
::placeholder{color:var(--placeholder);opacity:1}
:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[type=color]),textarea,select){background-color:var(--field);color:var(--ink)}

/* Logo: in het donker het lichte beeldmerk (designsystem, Logos: beeldmerk-donker) */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-mark{content:url(logo-mark-donker.svg)}}
:root[data-theme=dark] .brand-mark{content:url(logo-mark-donker.svg)}

/* Logo's van kantoren en adverteerders: in het donker op een licht plaatje, nooit inverteren (designsystem, merkboek 'Donker
   thema'); anders verdwijnt een logo met donkere letters op een doorzichtige achtergrond. */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.agent-logo,.map-preview-office img,.office-logo img,.nv-ad-logo,.gc-adv-logo){background:#fff;padding:3px 6px;border-radius:7px}}
:root[data-theme=dark] :is(.agent-logo,.map-preview-office img,.office-logo img,.nv-ad-logo,.gc-adv-logo){background:#fff;padding:3px 6px;border-radius:7px}

/* Plattegrond (fml): de tekening heeft eigen lichte kleuren en zwarte lijnen; in het donker op een licht vlak, net als in de app. */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .fml-svg{background:#fcfbf8}}
:root[data-theme=dark] .fml-svg{background:#fcfbf8}