/* Adapt-r huisstijl: donkerblauw, afgeleid van het logo (pil #1b5a87).
   Hogere specificiteit (html:root) dan de kleuren in de pagina's zelf, zodat dit altijd wint. */
html:root, html:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #081426;
  --surface: #0f2140; --surface-2: #0c1b35; --hover: #163057;
  --panel: #0f2140; --panel-2: #142a4d;
  --line: #1d365c; --grid: #1d365c; --axis: #2a4a75;
  --border: rgba(150, 185, 235, 0.14);
  --ink: #eef3fa; --ink-2: #bccbe0; --muted: #8197b4;
  --accent: #3a9ae0; --accent-soft: rgba(58, 154, 224, 0.18);
  --neutral-soft: rgba(150, 185, 235, 0.09); --flat-soft: rgba(150, 185, 235, 0.09);
  --todo: #0a1a31;
  --new: rgba(58, 154, 224, 0.12);
}
html:root body { background: var(--page); }
html:root body::before {
  /* zachte gloed bovenaan in de merkkleur */
  content: ''; position: fixed; inset: 0 0 auto 0; height: 340px; pointer-events: none; z-index: -1;
  background: radial-gradient(1200px 340px at 20% -120px, rgba(27, 90, 135, 0.45), transparent 70%);
}

/* Logo: alleen de pil (de tagline valt weg via overflow) */
.brand .ar-logo { display: inline-block; height: 30px; overflow: hidden; line-height: 0; vertical-align: middle; }
.brand .ar-logo img { height: 41px; width: auto; display: block; }
.brand { display: inline-flex !important; align-items: center !important; gap: 12px !important; }
.brand small, .brand > span:not(.ar-logo) { color: var(--ink-2) !important; font-weight: 500; }
/* Marketingscherm (tv): groter logo */
body.ar-tv .brand .ar-logo { height: 44px; }
body.ar-tv .brand .ar-logo img { height: 60px; }

/* Knoppen en actieve navigatie in de merkkleur */
html:root nav a.on { background: #1b5a87 !important; color: #fff !important; box-shadow: none !important; }
html:root button.primary { background: #1b5a87; }
html:root button.primary:hover { background: #22699c; }