/* Fonteinplanner: page-specific tokens (part colours), scoped under #mcfo. Hex only: the 3D view shades them. */
#mcfo {
  --mcfo-floor: #6f8f88;
  --mcfo-column: #c9c2ae;
  --mcfo-paving: #a8a397;
  --mcfo-inlay: #7c6f5e;
  --mcfo-wall: #c7b48d;
  --mcfo-rock: #7f7a70;
  --mcfo-water: #3f76e4;
  --mcfo-flow: #8fb4f2;
  --mcfo-glass: #bfe0e8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcfo {
    --mcfo-floor: #4f6c66; --mcfo-column: #a39d8b; --mcfo-paving: #807b70; --mcfo-inlay: #5e5446;
    --mcfo-wall: #9e8e6e; --mcfo-rock: #66625a; --mcfo-water: #4d86f0; --mcfo-flow: #6e95d6; --mcfo-glass: #8fb9c4;
  }
}
:root[data-theme="dark"] #mcfo {
  --mcfo-floor: #4f6c66; --mcfo-column: #a39d8b; --mcfo-paving: #807b70; --mcfo-inlay: #5e5446;
  --mcfo-wall: #9e8e6e; --mcfo-rock: #66625a; --mcfo-water: #4d86f0; --mcfo-flow: #6e95d6; --mcfo-glass: #8fb9c4;
}

#mcfo .mcfo-col { display: grid; gap: 14px; min-width: 0; }
#mcfo .mcfo-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcfo p.mcfo-note { color: var(--mcdp-mark); font-size: 14px; }

/* part colours for the extra fountain types */
#mcfo {
  --mcfo-lion: #c9a24a; --mcfo-obelisk: #d8cfb6; --mcfo-wood: #7a5a34; --mcfo-soul: #5b4636; --mcfo-magma: #b4521e;
  --mcfo-light: #cfe8e2; --mcfo-gravel: #8f8a85; --mcfo-bamboo: #9ab04a; --mcfo-moss: #5f7d33; --mcfo-gold: #e8bd2c; --mcfo-lamp: #e7a03c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcfo {
    --mcfo-lion: #d6b25c; --mcfo-obelisk: #b8b09a; --mcfo-wood: #94703f; --mcfo-soul: #6e5745; --mcfo-magma: #c8642c;
    --mcfo-light: #a9cfc7; --mcfo-gravel: #77726d; --mcfo-bamboo: #8aa041; --mcfo-moss: #57732f; --mcfo-gold: #f0c541; --mcfo-lamp: #f0b050;
  }
}
:root[data-theme="dark"] #mcfo {
  --mcfo-lion: #d6b25c; --mcfo-obelisk: #b8b09a; --mcfo-wood: #94703f; --mcfo-soul: #6e5745; --mcfo-magma: #c8642c;
  --mcfo-light: #a9cfc7; --mcfo-gravel: #77726d; --mcfo-bamboo: #8aa041; --mcfo-moss: #57732f; --mcfo-gold: #f0c541; --mcfo-lamp: #f0b050;
}