/* Day mode - light surfaces site-wide */

html.mc-theme-day,
html.mc-day-mode {
  --mc-day-hub-bg: #f5f3ef;
  --mc-day-hub-surface: #fff;
  --mc-day-hub-ink: #111827;
  --mc-day-hub-muted: #4b5563;
  --mc-day-hub-soft: #6b7280;
  --mc-day-hub-border: rgba(15, 23, 42, 0.1);
  --mc-day-hub-hover: rgba(15, 23, 42, 0.05);
  --mc-page-bg: var(--mc-day-hub-bg);
  --mc-ink: var(--mc-day-hub-ink);
  --mc-ink-muted: var(--mc-day-hub-muted);
  --mc-ink-soft: var(--mc-day-hub-soft);
  --mc-surface: var(--mc-day-hub-surface);
  color-scheme: light;
}

html.mc-theme-day body.moraq-creative,
html.mc-day-mode body.moraq-creative {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

/* Wiki */
html.mc-theme-day body.mc-section-wiki,
html.mc-day-mode body.mc-section-wiki,
html.mc-theme-day body.mc-section-wiki .mc-page,
html.mc-day-mode body.mc-section-wiki .mc-page,
html.mc-theme-day body.mc-section-wiki .mc-wiki,
html.mc-day-mode body.mc-section-wiki .mc-wiki,
html.mc-theme-day body.mc-section-wiki .mc-gl--wiki-dark,
html.mc-day-mode body.mc-section-wiki .mc-gl--wiki-dark {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__link,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__link:hover,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__link:hover,
html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__item.is-active > .mc-wiki-topnav__link,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__item.is-active > .mc-wiki-topnav__link {
  color: var(--mc-day-hub-ink);
  background: var(--mc-day-hub-hover);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__menu,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__menu {
  background: var(--mc-day-hub-surface);
  border-color: var(--mc-day-hub-border);
  box-shadow: var(--mc-shadow-soft);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__menu-link,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__menu-link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-topnav__menu-link:hover,
html.mc-day-mode body.mc-section-wiki .mc-wiki-topnav__menu-link:hover {
  color: var(--mc-day-hub-ink);
  background: var(--mc-day-hub-hover);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-portal__title,
html.mc-day-mode body.mc-section-wiki .mc-wiki-portal__title,
html.mc-theme-day body.mc-section-wiki .mc-wiki-quicklinks__title,
html.mc-day-mode body.mc-section-wiki .mc-wiki-quicklinks__title,
html.mc-theme-day body.mc-section-wiki .mc-wiki-doc__title,
html.mc-day-mode body.mc-section-wiki .mc-wiki-doc__title {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-quicklinks__link,
html.mc-day-mode body.mc-section-wiki .mc-wiki-quicklinks__link {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-portal__lead,
html.mc-day-mode body.mc-section-wiki .mc-wiki-portal__lead,
html.mc-theme-day body.mc-section-wiki .mc-wiki-doc__lead,
html.mc-day-mode body.mc-section-wiki .mc-wiki-doc__lead {
  color: var(--mc-day-hub-soft);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-shortcut,
html.mc-day-mode body.mc-section-wiki .mc-wiki-shortcut {
  color: var(--mc-day-hub-ink);
  border-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-section-wiki .mc-wiki-search-hero__input,
html.mc-day-mode body.mc-section-wiki .mc-wiki-search-hero__input {
  background: var(--mc-day-hub-surface);
  color: var(--mc-day-hub-ink);
  border: 1px solid var(--mc-day-hub-border);
}

/* Developer */
html.mc-theme-day body.mc-section-developer,
html.mc-day-mode body.mc-section-developer,
html.mc-theme-day body.mc-section-developer .mc-page,
html.mc-day-mode body.mc-section-developer .mc-page,
html.mc-theme-day body.mc-section-developer .mc-dev,
html.mc-day-mode body.mc-section-developer .mc-dev {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-developer .mc-dev-sidebar,
html.mc-day-mode body.mc-section-developer .mc-dev-sidebar {
  border-right-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-section-developer .mc-dev-sidebar::before,
html.mc-day-mode body.mc-section-developer .mc-dev-sidebar::before {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-developer .mc-dev-nav__link,
html.mc-day-mode body.mc-section-developer .mc-dev-nav__link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-section-developer .mc-dev-nav__link:hover,
html.mc-day-mode body.mc-section-developer .mc-dev-nav__link:hover,
html.mc-theme-day body.mc-section-developer .mc-dev-nav__link.is-active,
html.mc-day-mode body.mc-section-developer .mc-dev-nav__link.is-active {
  background: var(--mc-day-hub-hover);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-developer .mc-dev-home__title,
html.mc-day-mode body.mc-section-developer .mc-dev-home__title,
html.mc-theme-day body.mc-section-developer .mc-dev-doc__title,
html.mc-day-mode body.mc-section-developer .mc-dev-doc__title {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-developer .mc-dev-home__lead,
html.mc-day-mode body.mc-section-developer .mc-dev-home__lead,
html.mc-theme-day body.mc-section-developer .mc-dev-doc__lead,
html.mc-day-mode body.mc-section-developer .mc-dev-doc__lead {
  color: var(--mc-day-hub-soft);
}

html.mc-theme-day body.mc-section-developer .mc-dev-extend__card,
html.mc-day-mode body.mc-section-developer .mc-dev-extend__card {
  background: var(--mc-day-hub-surface);
  border-color: var(--mc-day-hub-border);
}

/* DIY */
html.mc-theme-day body.mc-section-diy,
html.mc-day-mode body.mc-section-diy,
html.mc-theme-day body.mc-section-diy .mc-page,
html.mc-day-mode body.mc-section-diy .mc-page,
html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-main,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-main {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-sidebar,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-sidebar {
  background: var(--mc-day-hub-bg);
  border-right-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link:hover,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link:hover {
  background: var(--mc-day-hub-hover);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link.is-active,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link.is-active {
  background: transparent;
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview.is-active,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview.is-active,
html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview:hover,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__link--overview:hover {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__group-toggle,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-nav__group-toggle {
  color: var(--mc-day-hub-ink);
  border-top-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-section-diy .mc-gl--diy-dark .mc-gl-sidebar__kicker,
html.mc-day-mode body.mc-section-diy .mc-gl--diy-dark .mc-gl-sidebar__kicker {
  color: var(--mc-day-hub-muted);
}

/* Guidelines overview */
html.mc-theme-day body.mc-guidelines-overview,
html.mc-day-mode body.mc-guidelines-overview,
html.mc-theme-day body.mc-guidelines-overview .mc-page,
html.mc-day-mode body.mc-guidelines-overview .mc-page,
html.mc-theme-day body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-main,
html.mc-day-mode body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-main {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-sidebar,
html.mc-day-mode body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-sidebar {
  border-right-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link,
html.mc-day-mode body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link:hover,
html.mc-day-mode body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link:hover {
  background: var(--mc-day-hub-hover);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link.is-active,
html.mc-day-mode body.mc-guidelines-overview .mc-gl--guidelines-dark .mc-gl-nav__link.is-active {
  background: transparent;
  color: var(--mc-day-hub-ink);
}

/* Identity overview */
html.mc-theme-day body.mc-identity-overview,
html.mc-day-mode body.mc-identity-overview,
html.mc-theme-day body.mc-identity-overview .mc-page,
html.mc-day-mode body.mc-identity-overview .mc-page,
html.mc-theme-day body.mc-identity-overview .mc-gl--identity-dark .mc-gl-main,
html.mc-day-mode body.mc-identity-overview .mc-gl--identity-dark .mc-gl-main {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-identity-overview .mc-gl--identity-dark .mc-gl-sidebar,
html.mc-day-mode body.mc-identity-overview .mc-gl--identity-dark .mc-gl-sidebar {
  border-right-color: var(--mc-day-hub-border);
}

html.mc-theme-day body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link,
html.mc-day-mode body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link {
  color: var(--mc-day-hub-muted);
}

html.mc-theme-day body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link:hover,
html.mc-day-mode body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link:hover {
  background: var(--mc-day-hub-hover);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link.is-active,
html.mc-day-mode body.mc-identity-overview .mc-gl--identity-dark .mc-gl-nav__link.is-active {
  background: transparent;
  color: var(--mc-day-hub-ink);
}

/* Learn dark overview */
html.mc-theme-day body.mc-section-learn .mc-gl--learn-dark,
html.mc-day-mode body.mc-section-learn .mc-gl--learn-dark,
html.mc-theme-day body.mc-section-learn .mc-gl--learn-dark .mc-gl-main,
html.mc-day-mode body.mc-section-learn .mc-gl--learn-dark .mc-gl-main {
  background: var(--mc-day-hub-bg);
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-learn .mc-gl--learn-dark .mc-learn-hub-block__title,
html.mc-day-mode body.mc-section-learn .mc-gl--learn-dark .mc-learn-hub-block__title {
  color: var(--mc-day-hub-ink);
}

html.mc-theme-day body.mc-section-learn .mc-gl--learn-dark .mc-learn-hub-block__kicker,
html.mc-day-mode body.mc-section-learn .mc-gl--learn-dark .mc-learn-hub-block__kicker {
  color: var(--mc-day-hub-soft);
}