/* ==========================================================
   ### TINYMCE EDITOR TYPOGRAPHY ###
   Forces article colours inside the editor independently
   of Joomla administrator light / dark mode.
   ========================================================== */

body.mce-content-body {
    background: var(--color-content-bg);
    color: var(--color-text);
}

body.mce-content-body h1,
body.mce-content-body h2,
body.mce-content-body h3,
body.mce-content-body h4,
body.mce-content-body h5,
body.mce-content-body h6 {
    color: var(--color-title);
}

body.mce-content-body p,
body.mce-content-body li,
body.mce-content-body blockquote {
    color: var(--color-text);
}

body.mce-content-body a {
    color: var(--color-link);
}

body.mce-content-body strong,
body.mce-content-body b {
    color: inherit;
}

body.mce-content-body em,
body.mce-content-body i {
    color: inherit;
}

/* ================= TINYMCE TYPOGRAPHY END ================= */

/* Colour/background utility classes used in the editor are loaded
   from colors.css through user.css, just like on the frontend. */