/* Bruggen: page-specific tokens (part colours), scoped under #mcbr. Hex only: the 3D view shades them. */
#mcbr {
  --mcbr-masonry: #a39b88;
  --mcbr-pier: #857d6c;
  --mcbr-deck: #6f6a62;
  --mcbr-parapet: #b9b09b;
  --mcbr-timber: #8a6440;
  --mcbr-roof: #8c3b2e;
  --mcbr-wall: #d8c9a3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcbr {
    --mcbr-masonry: #8a8373; --mcbr-pier: #6d6658; --mcbr-deck: #5a5650; --mcbr-parapet: #9c947f;
    --mcbr-timber: #79583a; --mcbr-roof: #7a3428; --mcbr-wall: #b3a685;
  }
}
:root[data-theme="dark"] #mcbr {
  --mcbr-masonry: #8a8373; --mcbr-pier: #6d6658; --mcbr-deck: #5a5650; --mcbr-parapet: #9c947f;
  --mcbr-timber: #79583a; --mcbr-roof: #7a3428; --mcbr-wall: #b3a685;
}
#mcbr .mcbr-col { display: grid; gap: 14px; min-width: 0; }
#mcbr .mcbr-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcbr p.mcbr-note { color: var(--mcdp-mark); font-size: 14px; margin: 0; }
#mcbr .mcbr-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; }
#mcbr .mcbr-group { display: grid; gap: 12px; padding: 10px 12px; border: 1px dashed var(--mcdp-line); border-radius: 8px; }
#mcbr .mcbr-group > h3 { margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mcdp-muted); }