/* RegioZorg gedeelde UI: donkere modus + vaste iconen */
:root{
  color-scheme: light;
}
body.dark-mode,
html[data-theme="dark"] body{
  --bg1:#091626;
  --bg2:#101a2d;
  --text:#eef6ff;
  --muted:#a8bed4;
  --shadow:0 10px 28px rgba(0,0,0,.35);
  --shadow2:0 10px 24px rgba(0,163,224,.22);
  color-scheme: dark;
}
body.dark-mode,
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at top left, rgba(0,163,224,.18), transparent 60%),
    radial-gradient(circle at top right, rgba(90,45,130,.24), transparent 55%),
    linear-gradient(180deg,var(--bg1),var(--bg2));
}
body.dark-mode header,
body.dark-mode .section-card,
body.dark-mode .card,
body.dark-mode .tile,
body.dark-mode .notice,
body.dark-mode .modal,
html[data-theme="dark"] body header,
html[data-theme="dark"] body .section-card,
html[data-theme="dark"] body .card,
html[data-theme="dark"] body .tile,
html[data-theme="dark"] body .notice,
html[data-theme="dark"] body .modal{
  background:#111f33;
  border-color:rgba(255,255,255,.10);
}
body.dark-mode .section-head,
html[data-theme="dark"] body .section-head{
  background:linear-gradient(90deg, rgba(0,163,224,.18), rgba(90,45,130,.22));
  border-bottom-color:rgba(255,255,255,.10);
}
body.dark-mode .brand strong,
body.dark-mode .section-head h2,
body.dark-mode .tile strong,
body.dark-mode .tile h3,
body.dark-mode .notice-title,
html[data-theme="dark"] body .brand strong,
html[data-theme="dark"] body .section-head h2,
html[data-theme="dark"] body .tile strong,
html[data-theme="dark"] body .tile h3,
html[data-theme="dark"] body .notice-title{
  color:#d9efff;
}
body.dark-mode .btn,
body.dark-mode .portal-header-button,
html[data-theme="dark"] body .btn,
html[data-theme="dark"] body .portal-header-button{
  color:#eef6ff;
  background:linear-gradient(135deg, rgba(0,163,224,.20), rgba(90,45,130,.24));
  border-color:rgba(255,255,255,.16);
}
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
html[data-theme="dark"] body input,
html[data-theme="dark"] body select,
html[data-theme="dark"] body textarea{
  color:#eef6ff;
  background:#0b1728;
  border-color:rgba(255,255,255,.16);
}
body.dark-mode .logo img,
html[data-theme="dark"] body .logo img{background:#fff;}
.rz-theme-toggle,
.rz-corner-link{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.88);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  text-decoration:none;
  cursor:pointer;
  font-size:19px;
  line-height:1;
  backdrop-filter:blur(8px);
  z-index:50;
}
.rz-theme-toggle{position:fixed;right:18px;bottom:18px;}
.rz-corner-links{position:fixed;left:18px;bottom:18px;display:flex;gap:10px;z-index:50;}
body.dark-mode .rz-theme-toggle,
body.dark-mode .rz-corner-link,
html[data-theme="dark"] body .rz-theme-toggle,
html[data-theme="dark"] body .rz-corner-link{
  background:rgba(17,31,51,.92);
  color:#eef6ff;
  border-color:rgba(255,255,255,.16);
}
@media(max-width:520px){.rz-theme-toggle{right:12px;bottom:12px}.rz-corner-links{left:12px;bottom:12px}}