/* Deuren en entrees: page-specific tokens and layout, all scoped under #mcdr. */
#mcdr {
  --mcdr-frame: #e8e2d4;
  --mcdr-bar: #f4f1ea;
  --mcdr-column: #ece6df;
  --mcdr-entab: #cfc6b2;
  --mcdr-arch: #b9a985;
  --mcdr-steps: #9a9c9c;
  --mcdr-roof: #5a6a78;
  --mcdr-canopy: #b7bcbf;
  --mcdr-fascia: #2f5d4f;
  --mcdr-iron: #6c7376;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcdr {
    --mcdr-frame: #c9c3b5; --mcdr-bar: #d8d4cb; --mcdr-column: #d3cdc5; --mcdr-entab: #b3ab98; --mcdr-arch: #a09272;
    --mcdr-steps: #84878a; --mcdr-roof: #6f8291; --mcdr-canopy: #9ea4a7; --mcdr-fascia: #3f7a68; --mcdr-iron: #9aa1a4;
  }
}
:root[data-theme="dark"] #mcdr {
  --mcdr-frame: #c9c3b5; --mcdr-bar: #d8d4cb; --mcdr-column: #d3cdc5; --mcdr-entab: #b3ab98; --mcdr-arch: #a09272;
  --mcdr-steps: #84878a; --mcdr-roof: #6f8291; --mcdr-canopy: #9ea4a7; --mcdr-fascia: #3f7a68; --mcdr-iron: #9aa1a4;
}
#mcdr .mcdr-group { margin: 14px 0 2px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--mcdp-muted); }
#mcdr .mcdr-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; }
#mcdr .mcdp-r { border: 1px solid rgba(0, 0, 0, 0.12); }
#mcdr .mcdr-sliders { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--mcdp-muted); align-items: center; }
#mcdr .mcdr-sliders label { display: flex; gap: 8px; align-items: center; }
#mcdr .mcdr-sliders input[type="range"] { width: 140px; }