/* Romeinse en Griekse gebouwen: page-specific tokens (part colours), scoped under #mcvl. Hex only: the 3D view shades them. */
#mcvl {
  --mcvl-wall: #a7836a;
  --mcvl-plaster: #e8d9b5;
  --mcvl-column: #f1ece2;
  --mcvl-roof: #c0603a;
  --mcvl-stair: #b5563a;
  --mcvl-slab: #cf7048;
  --mcvl-slab-top: #c86a44;
  --mcvl-floor: #dcd5c6;
  --mcvl-mosaic: #3d3935;
  --mcvl-water: #3f7fc4;
  --mcvl-garden: #6f9a4a;
  --mcvl-hedge: #3d6b34;
  --mcvl-accent: #cdb47a;
  --mcvl-rail: #6b4f33;
  --mcvl-fire: #e0692a;
  --mcvl-trunk: #6b4b30;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcvl {
    --mcvl-wall: #9a7862; --mcvl-plaster: #cdbf9e; --mcvl-column: #d9d4ca; --mcvl-roof: #b65a37; --mcvl-stair: #aa5236; --mcvl-slab: #c06844;
    --mcvl-slab-top: #b96340; --mcvl-floor: #a9a395; --mcvl-mosaic: #2b2825; --mcvl-water: #3a6aad; --mcvl-garden: #5f8a3d; --mcvl-hedge: #355f2d;
    --mcvl-accent: #bba26a; --mcvl-rail: #7a5b3c; --mcvl-fire: #e8763a; --mcvl-trunk: #7a5838;
  }
}
:root[data-theme="dark"] #mcvl {
  --mcvl-wall: #9a7862; --mcvl-plaster: #cdbf9e; --mcvl-column: #d9d4ca; --mcvl-roof: #b65a37; --mcvl-stair: #aa5236; --mcvl-slab: #c06844;
  --mcvl-slab-top: #b96340; --mcvl-floor: #a9a395; --mcvl-mosaic: #2b2825; --mcvl-water: #3a6aad; --mcvl-garden: #5f8a3d; --mcvl-hedge: #355f2d;
  --mcvl-accent: #bba26a; --mcvl-rail: #7a5b3c; --mcvl-fire: #e8763a; --mcvl-trunk: #7a5838;
}

#mcvl .mcvl-col { display: grid; gap: 14px; min-width: 0; }
#mcvl .mcvl-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcvl .mcvl-cut { display: flex; gap: 10px; align-items: center; font-size: 13px; color: var(--mcdp-muted); }
#mcvl .mcvl-cut input { flex: 1; min-width: 0; }
#mcvl .mcvl-links { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.6; }
#mcvl .mcvl-rooms td { vertical-align: top; }
#mcvl .mcvl-rooms td i { color: var(--mcdp-muted); }
#mcvl .mcvl-plan-view { grid-column: 1 / -1; }