/* Ramen: page-specific tokens and layout, all scoped under #mcvs. */
#mcvs {
  --mcvs-frame: #e8e2d4;
  --mcvs-bar: #f4f1ea;
  --mcvs-lintel: #b9a985;
  --mcvs-base: #8f8a80;
  --mcvs-roof: #5a6a78;
  --mcvs-roofing: #7d5a4a;
  --mcvs-fascia: #2f5d4f;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcvs {
    --mcvs-frame: #c9c3b5; --mcvs-bar: #d8d4cb; --mcvs-lintel: #a09272; --mcvs-base: #77736b;
    --mcvs-roof: #6f8291; --mcvs-roofing: #8e6a59; --mcvs-fascia: #3f7a68;
  }
}
:root[data-theme="dark"] #mcvs {
  --mcvs-frame: #c9c3b5; --mcvs-bar: #d8d4cb; --mcvs-lintel: #a09272; --mcvs-base: #77736b;
  --mcvs-roof: #6f8291; --mcvs-roofing: #8e6a59; --mcvs-fascia: #3f7a68;
}
#mcvs .mcvs-group { margin: 14px 0 2px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--mcdp-muted); }
#mcvs .mcvs-group:first-of-type { margin-top: 4px; }
#mcvs .mcvs-check { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 14px; cursor: pointer; }
#mcvs .mcdp-r { border: 1px solid rgba(0, 0, 0, 0.12); }
#mcvs .mcvs-sliders { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--mcdp-muted); align-items: center; }
#mcvs .mcvs-sliders label { display: flex; gap: 8px; align-items: center; }
#mcvs .mcvs-sliders input[type="range"] { width: 140px; }