/* Zuilen en tempelfront: colours per part of the column. Light and dark mode follow the site theme. */
#mczu {
  --zuilen-base: #7d6f57;
  --zuilen-shaft: #357a72;
  --zuilen-capital: #b98a2c;
  --zuilen-flute: #24564f;
  --zuilen-entablature: #4f6f8f;
  --zuilen-pediment: #7a5a86;
  --zuilen-accent: #c4572a;
  --zuilen-steps: #8d9590;
  --zuilen-on-light: #1b221d;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mczu {
    --zuilen-base: #a8987a; --zuilen-shaft: #4a9f94; --zuilen-capital: #d9a443; --zuilen-flute: #2c6c64;
    --zuilen-entablature: #7499bd; --zuilen-pediment: #a684b3; --zuilen-accent: #ec7d4c; --zuilen-steps: #6d7570;
    --zuilen-on-light: #0d1a17;
  }
}
:root[data-theme="dark"] #mczu {
  --zuilen-base: #a8987a; --zuilen-shaft: #4a9f94; --zuilen-capital: #d9a443; --zuilen-flute: #2c6c64;
  --zuilen-entablature: #7499bd; --zuilen-pediment: #a684b3; --zuilen-accent: #ec7d4c; --zuilen-steps: #6d7570;
  --zuilen-on-light: #0d1a17;
}
#mczu .mcdp-r.zuilen-stair { background: var(--mcdp-stair); color: var(--zuilen-on-light); font-weight: 600; }
#mczu .mcdp-r.zuilen-slab { background: var(--mcdp-slab); color: var(--zuilen-on-light); font-weight: 600; }
#mczu .mcdp-r i { font-style: normal; font-weight: 400; font-size: 11px; opacity: .85; margin-left: 3px; }
#mczu p.zuilen-note { color: var(--mcdp-mark); font-weight: 700; }