/**
 * Muhni Together — the text colours an editor can apply.
 *
 * These are classes, not inline colours, and every one points at a token the design already
 * defines. That is what keeps an edited sentence correct in the dark theme too: the class
 * says "brand purple", and each theme decides what that is.
 *
 * Loaded for every visitor, because the classes live in the saved content.
 */

.mt-c-brand  { color: var(--brand); }
.mt-c-plum   { color: var(--plum); }
.mt-c-ink    { color: var(--ink); }
.mt-c-soft   { color: var(--ink-soft); }
.mt-c-faint  { color: var(--ink-faint); }
.mt-c-sand   { color: var(--sand-deep); }

/* For text sitting on a dark or photographic panel, where the theme tokens would vanish. */
.mt-c-white  { color: #FFFFFF; }

/*
 * An image that failed to load is marked at runtime and hidden here, rather than being
 * deleted from the page. Keeping the element means the office can still click it and put a
 * new picture in its place — and it means an edit to the surrounding text cannot save the
 * page with the image gone for good.
 */
[data-mt-broken] { display: none !important; }