/* Night mode - dark surfaces site-wide */

html.mc-theme-night {
  --mc-theme-page-bg: #0a0a0a;
  --mc-theme-surface: #141820;
  --mc-theme-ink: #f2f1ed;
  --mc-theme-muted: rgba(242, 241, 237, 0.72);
  --mc-theme-soft: rgba(242, 241, 237, 0.55);
  --mc-theme-border: rgba(255, 255, 255, 0.1);
  --mc-theme-hover: rgba(255, 255, 255, 0.06);
  --mc-page-bg: var(--mc-theme-page-bg);
  --mc-ink: var(--mc-theme-ink);
  --mc-ink-muted: var(--mc-theme-muted);
  --mc-ink-soft: var(--mc-theme-soft);
  --mc-surface: var(--mc-theme-surface);
  --mc-home-cta-bg: #f0f0eb;
  --mc-home-cta-ink: #111110;
  color-scheme: dark;
}

html.mc-theme-night body.moraq-creative {
  background: var(--mc-theme-page-bg);
  color: var(--mc-theme-ink);
}

html.mc-theme-night body .mc-page {
  background: var(--mc-theme-page-bg);
}

/* Section shells */
html.mc-theme-night body.mc-section-home,
html.mc-theme-night body.mc-section-home .mc-page,
html.mc-theme-night body.mc-section-enablement,
html.mc-theme-night body.mc-section-enablement .mc-page,
html.mc-theme-night body.mc-section-security,
html.mc-theme-night body.mc-section-security .mc-page,
html.mc-theme-night body.mc-section-about,
html.mc-theme-night body.mc-section-about .mc-page,
html.mc-theme-night body.mc-section-guidelines,
html.mc-theme-night body.mc-section-guidelines .mc-page,
html.mc-theme-night body.mc-section-identity,
html.mc-theme-night body.mc-section-identity .mc-page,
html.mc-theme-night body.mc-section-diy,
html.mc-theme-night body.mc-section-diy .mc-page,
html.mc-theme-night body.mc-section-assets-hub,
html.mc-theme-night body.mc-section-assets-hub .mc-page,
html.mc-theme-night body.mc-section-learn,
html.mc-theme-night body.mc-section-learn .mc-page {
  background: var(--mc-theme-page-bg);
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-en,
html.mc-theme-night .mc-sec,
html.mc-theme-night .mc-ab {
  --mc-ab-bg: var(--mc-theme-page-bg);
  --mc-ab-ink: var(--mc-theme-ink);
  --mc-ab-muted: var(--mc-theme-muted);
  --mc-ab-line: var(--mc-theme-border);
  --mc-ab-tag: rgba(255, 255, 255, 0.08);
  background: var(--mc-theme-page-bg);
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-en-topnav {
  border-bottom-color: var(--mc-theme-border);
}

html.mc-theme-night .mc-en-topnav__link {
  color: var(--mc-theme-muted);
}

html.mc-theme-night .mc-en-topnav__link:hover,
html.mc-theme-night .mc-en-topnav__item.is-active > .mc-en-topnav__link {
  color: var(--mc-theme-ink);
  background: var(--mc-theme-hover);
}

html.mc-theme-night .mc-sec-sidebar {
  background: var(--mc-theme-surface);
  border-right-color: var(--mc-theme-border);
}

html.mc-theme-night .mc-sec-quicktools__link,
html.mc-theme-night .mc-sec-nav__link {
  color: var(--mc-theme-muted);
}

html.mc-theme-night .mc-sec-quicktools__link:hover,
html.mc-theme-night .mc-sec-quicktools__link.is-active,
html.mc-theme-night .mc-sec-nav__link:hover,
html.mc-theme-night .mc-sec-nav__link.is-active {
  background: var(--mc-theme-hover);
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-ab-sidebar__link {
  color: var(--mc-theme-muted);
}

html.mc-theme-night .mc-ab-sidebar__link:hover,
html.mc-theme-night .mc-ab-sidebar__link.is-active {
  color: var(--mc-theme-ink);
  background: var(--mc-theme-hover);
}

html.mc-theme-night .mc-ab-title,
html.mc-theme-night .mc-ab-section__title,
html.mc-theme-night .mc-ab-lead {
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-ab-body,
html.mc-theme-night .mc-ab-meta {
  color: var(--mc-theme-soft);
}

/* Light doc shells -> night */
html.mc-theme-night .mc-gl--guidelines-light,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-main,
html.mc-theme-night .mc-gl--identity-light,
html.mc-theme-night .mc-gl--identity-light .mc-gl-main,
html.mc-theme-night .mc-gl--learn-light,
html.mc-theme-night .mc-gl--learn-light .mc-gl-main {
  background: var(--mc-theme-page-bg);
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-sidebar,
html.mc-theme-night .mc-gl--identity-light .mc-gl-sidebar,
html.mc-theme-night .mc-gl--learn-light .mc-gl-sidebar {
  background: var(--mc-theme-page-bg);
  border-right-color: var(--mc-theme-border);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-sidebar__kicker,
html.mc-theme-night .mc-gl--identity-light .mc-gl-sidebar__kicker,
html.mc-theme-night .mc-gl--learn-light .mc-gl-sidebar__kicker,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-nav__group-toggle,
html.mc-theme-night .mc-gl--identity-light .mc-gl-nav__group-toggle,
html.mc-theme-night .mc-gl--learn-light .mc-gl-nav__group-toggle,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-nav__link,
html.mc-theme-night .mc-gl--identity-light .mc-gl-nav__link,
html.mc-theme-night .mc-gl--learn-light .mc-gl-nav__link {
  color: var(--mc-theme-muted);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-nav__link:hover,
html.mc-theme-night .mc-gl--identity-light .mc-gl-nav__link:hover,
html.mc-theme-night .mc-gl--learn-light .mc-gl-nav__link:hover {
  background: var(--mc-theme-hover);
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-nav__link.is-active,
html.mc-theme-night .mc-gl--identity-light .mc-gl-nav__link.is-active,
html.mc-theme-night .mc-gl--learn-light .mc-gl-nav__link.is-active {
  background: transparent;
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-page__title,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-doc-head__title,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-principle-head__title,
html.mc-theme-night .mc-gl--identity-light .mc-id-page__title,
html.mc-theme-night .mc-gl--learn-light .mc-learn-doc-head__title {
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-gl--guidelines-light .mc-gl-page__body,
html.mc-theme-night .mc-gl--guidelines-light .mc-gl-doc-head__body,
html.mc-theme-night .mc-gl--identity-light .mc-id-page__lead,
html.mc-theme-night .mc-gl--learn-light .mc-learn-doc-head__lead {
  color: var(--mc-theme-soft);
}

html.mc-theme-night .mc-home-footer__note,
html.mc-theme-night .mc-section-title,
html.mc-theme-night .mc-portal-card__label {
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-portal-card__caption {
  color: var(--mc-theme-soft);
}

html.mc-theme-night .mc-id-footer__line,
html.mc-theme-night .mc-gl-footer__line {
  background: var(--mc-theme-border);
}

html.mc-theme-night .mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__label,
html.mc-theme-night .mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__label {
  color: var(--mc-theme-ink);
}

html.mc-theme-night .mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__kicker,
html.mc-theme-night .mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__kicker {
  color: var(--mc-theme-soft);
}

html.mc-theme-night .mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__arrow,
html.mc-theme-night .mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__arrow {
  color: currentColor;
}

html.mc-theme-night .mc-home-footer__watermark {
  color: rgba(255, 255, 255, 0.08);
}