/* =========================================================
   Mosafa theme – dark mode (Theme options › Colours & fonts › Dark mode)
   Active when <html data-msf-theme="dark">. The first part re-defines the
   colour variables; the generated part below turns the white surfaces and
   dark text of msf.css / msf-pages.css into their dark counterparts.
   ========================================================= */
html[data-msf-theme="dark"] {
	--msf-ink: #E8EDF4;
	--msf-text: #C5CED9;
	--msf-muted: #93A0B1;
	--msf-line: #2A3646;
	--msf-tint: #182330;
	--msf-white: #0E1621;
	--msf-surface: #141E2A;
	--msf-shadow: 0 6px 22px rgba(0, 0, 0, .35);
	color-scheme: dark;
}
html[data-msf-theme="dark"] body.msf { background: var(--msf-white); color: var(--msf-text); }
html[data-msf-theme="dark"] .msf a:not(.msf-btn) { color: color-mix(in srgb, var(--msf-accent) 70%, #fff); }
html[data-msf-theme="dark"] .msf-mainbar,
html[data-msf-theme="dark"] .msf-header.pkp_structure_head { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-nav__list > li > a { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-brand__name { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-stats { background: var(--msf-tint); }
html[data-msf-theme="dark"] .msf .msf-section__title,
html[data-msf-theme="dark"] .msf h1, html[data-msf-theme="dark"] .msf h2, html[data-msf-theme="dark"] .msf h3, html[data-msf-theme="dark"] .msf h4 { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-announce { background: var(--msf-tint); }
html[data-msf-theme="dark"] .msf input:not([type=submit]):not([type=button]),
html[data-msf-theme="dark"] .msf select,
html[data-msf-theme="dark"] .msf textarea { background-color: var(--msf-surface); color: var(--msf-ink); border-color: var(--msf-line); }
html[data-msf-theme="dark"] .msf table, html[data-msf-theme="dark"] .msf th, html[data-msf-theme="dark"] .msf td { border-color: var(--msf-line); }
html[data-msf-theme="dark"] .msf .cmp_notification { background: var(--msf-tint); color: var(--msf-text); border-color: var(--msf-line); }
html[data-msf-theme="dark"] .msf .pkp_structure_main,
html[data-msf-theme="dark"] .msf .page { color: var(--msf-text); }
html[data-msf-theme="dark"] .msf .msf-card__title a,
html[data-msf-theme="dark"] .msf .msf-popular__title a,
html[data-msf-theme="dark"] .msf .msf-related__body strong { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf .obj_galley_link:not(.pdf) { background: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-popular__tab.is-active { background: var(--msf-surface); color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-popular__count { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-cfp--light { background: var(--msf-tint); color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-cfp--light .msf-countdown > div { background: var(--msf-surface); }
html[data-msf-theme="dark"] img { opacity: .94; }

/* ---- dark mode switch in the header ---- */
.msf-darktoggle { background: transparent; border: 0; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--msf-primary); font-size: 17px; }
.msf-darktoggle:hover, .msf-darktoggle:focus-visible { background: var(--msf-tint); outline: none; }
html[data-msf-theme="dark"] .msf-darktoggle { color: #F4C95D; }
.msf-darktoggle .fa-sun-o { display: none; }
html[data-msf-theme="dark"] .msf-darktoggle .fa-sun-o { display: inline; }
html[data-msf-theme="dark"] .msf-darktoggle .fa-moon-o { display: none; }

/* ---- generated from msf.css and msf-pages.css ---- */
html[data-msf-theme="dark"] .msf-header.pkp_structure_head { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-usernav ul { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-brand__name { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-nav__list > li > ul { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-stat__icon { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-search input { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-search__adv { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-card { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-panel { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-issue__links a, html[data-msf-theme="dark"] .msf-quick a { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-tiles a { background-color: var(--msf-surface) !important; }
html[data-msf-theme="dark"] .msf-tiles .fa { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-index li { background-color: var(--msf-surface); color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-announce__item { background-color: var(--msf-surface) !important; }
html[data-msf-theme="dark"] .msf-announce__body strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .pkp_structure_sidebar .pkp_block { background-color: var(--msf-surface); }
@media (max-width: 992px) { html[data-msf-theme="dark"] .msf-navtoggle.pkp_site_nav_toggle { background-color: var(--msf-surface); } }
@media (max-width: 992px) { html[data-msf-theme="dark"] .msf-nav.pkp_site_nav_menu { background-color: var(--msf-surface); } }
html[data-msf-theme="dark"] .msf .additional_content h2, html[data-msf-theme="dark"] .msf .additional_content h3 { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-usernav > li > ul { background-color: var(--msf-surface) !important; }
html[data-msf-theme="dark"] .msf-index li > a, html[data-msf-theme="dark"] .msf-index li > span, html[data-msf-theme="dark"] .msf-index li > img { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-lang__menu { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-popular__tab.is-active { background-color: var(--msf-surface); color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-popular__title a { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-popular__count { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .cmp_edit_link { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-box { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-prose h1, html[data-msf-theme="dark"] .msf-prose h2, html[data-msf-theme="dark"] .msf-prose h3, html[data-msf-theme="dark"] .msf-prose h4 { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-btn--outline { background-color: var(--msf-surface) !important; color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf .msf-chip { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf .obj_galley_link, html[data-msf-theme="dark"] .msf .obj_galley_link_supplementary { background-color: var(--msf-surface) !important; color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf .obj_galley_link:hover, html[data-msf-theme="dark"] .msf .obj_galley_link_supplementary:hover { background-color: var(--msf-surface) !important; }
html[data-msf-theme="dark"] .msf-article__main { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-article__title { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-metric strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-related__body strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-actions { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-actions__item { color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-sidecard { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-issuecard__vol { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-filter { background-color: var(--msf-surface); color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-row { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-row__title a { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-archive__search input { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-archive__heading { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-archive__item { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-archive__title a { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .cmp_pagination a { background-color: var(--msf-surface) !important; color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-searchbar { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-field select, html[data-msf-theme="dark"] .msf .msf-field input[type="text"] { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-results__count strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-results__sort select { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-result { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-result__title a { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-intro__title { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-statrow__item strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-feature { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-anncard { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-anncard__date strong { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-anncard__title a { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .obj_announcement_full { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-404 { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-404__code { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .pkp_structure_main > .page:not(.page_article):not(.page_issue):not(.page_issue_archive):not(.page_search):not(.page_about):not(.page_contact):not(.page_submissions):not(.page_announcements):not(.page_static):not(.msf-404):not(.page_issue_archive) { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .cmp_form input[type="text"], html[data-msf-theme="dark"] .msf .cmp_form input[type="email"], html[data-msf-theme="dark"] .msf .cmp_form input[type="password"], html[data-msf-theme="dark"] .msf .cmp_form input[type="url"], html[data-msf-theme="dark"] .msf .cmp_form select, html[data-msf-theme="dark"] .msf .cmp_form textarea { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .page_editorial_history h2 { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .pkp_structure_main > .page.msf-board { background-color: var(--msf-surface) !important; }
html[data-msf-theme="dark"] .msf .msf-board__heading { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-member__photo.is-initials span { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf .msf-mlink { background-color: var(--msf-surface) !important; color: var(--msf-ink) !important; }
html[data-msf-theme="dark"] .msf-homeboard__grid > div { background-color: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-actions--pdf-outline > .obj_galley_link.pdf:first-child { background-color: var(--msf-surface) !important; }
/* v1.7 additions */
html[data-msf-theme="dark"] .msf .msf-special__card,
html[data-msf-theme="dark"] .msf-faq__item { background: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-fees__table td { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-hl-modern .msf-hero + .msf-stats .msf-stats__inner { background: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-reviewers__count { color: var(--msf-ink); }
html[data-msf-theme="dark"] .msf-chip { background: var(--msf-surface); }
html[data-msf-theme="dark"] .msf-member__photo { background: var(--msf-tint); }
/* v1.8 */
html[data-msf-theme="dark"] .msf.msf-mega .msf-nav .msf-nav__list > li > ul.msf-mega__panel { background: var(--msf-surface); }
html[data-msf-theme="dark"] .msf .msf-nav .msf-mega__link:hover { background: var(--msf-tint); }
html[data-msf-theme="dark"] .msf-sidebox__index li > * { background: var(--msf-surface); }
/* v1.10 */
html[data-msf-theme="dark"] .msf-gs__table td, html[data-msf-theme="dark"] .msf-gs--side .msf-gs__nums strong { color: var(--msf-ink); }
