:root {
  --mighty-theme-color: #eef1f4;
  --mighty-color-style-U3hhcegt_4b1-VwUsH_fy: #131628;

  --ctl-bg: #131628;
  --ctl-panel: #1b2036;
  --ctl-panel-hover: #242b47;
  --ctl-text: #ffffff;
  --ctl-muted: #aeb8cc;
  --ctl-cyan: #67d7ff;
  --ctl-border: rgba(255, 255, 255, 0.12);
  --ctl-ink: #081421;
}

/* =========================================================
   CLEAR TO LAND
   Clean replacement built from the uploaded course export.
   ========================================================= */

/* Lesson header */
.classic .lesson-header-wrap {
  --color-background: var(--ctl-bg) !important;
  --color-header-text: var(--ctl-text) !important;
  --color-header-bar: var(--ctl-border) !important;
  background: var(--ctl-bg) !important;
}

.classic .lesson-header-wrap .lesson-header,
.classic .lesson-header-wrap .lesson-header__main,
.classic .lesson-header-wrap .lesson-header__content,
.classic .lesson-header-wrap .lesson-header__top-wrap {
  background: var(--ctl-bg) !important;
  color: var(--ctl-text) !important;
}

.classic .lesson-header-wrap .lesson-header__counter,
.classic .lesson-header-wrap .lesson-header__counter *,
.classic .lesson-header-wrap .lesson-header__title,
.classic .lesson-header-wrap .lesson-header__title *,
.classic .lesson-header-wrap .lesson-header__author,
.classic .lesson-header-wrap .lesson-header__author *,
.classic .lesson-header-wrap .lesson-header__description,
.classic .lesson-header-wrap .lesson-header__description * {
  color: var(--ctl-text) !important;
}

.classic .lesson-header-wrap .lesson-header__top-wrap::after {
  background: var(--ctl-border) !important;
}

/* =========================================================
   MULTIPLE CHOICE
   This deliberately targets the wrapper whether Rise marks
   the card white or transparent.
   ========================================================= */

.block-knowledge__wrapper {
  --color-quiz-fill-text: var(--ctl-ink) !important;
  --color-feedback-text: var(--ctl-ink) !important;
  --color-border-radio: rgba(8, 20, 33, 0.45) !important;
  color: var(--ctl-ink) !important;
}

.block-knowledge__wrapper,
.block-knowledge__wrapper * {
  color: var(--ctl-ink) !important;
}

.block-knowledge__wrapper .quiz-card__submit button,
.block-knowledge__wrapper .quiz-card__submit button *,
.block-knowledge__wrapper .button--submit,
.block-knowledge__wrapper .button--submit *,
.block-knowledge__wrapper .button--submit-active,
.block-knowledge__wrapper .button--submit-active * {
  color: #ffffff !important;
}

/* =========================================================
   REFLECTION / SURVEY
   This course exports reflection as block-survey.
   ========================================================= */

.block-survey__container {
  --color-text: var(--ctl-ink) !important;
  --color-body-text: var(--ctl-ink) !important;
  --color-button-text: var(--ctl-ink) !important;
  color: var(--ctl-ink) !important;
}

.block-survey__container,
.block-survey__container * {
  color: var(--ctl-ink) !important;
}

.block-survey__container textarea,
.block-survey__container input,
.block-survey__container .block-survey__text-input {
  background: #ffffff !important;
  color: var(--ctl-ink) !important;
  caret-color: var(--ctl-ink) !important;
}

.block-survey__container textarea::placeholder,
.block-survey__container input::placeholder,
.block-survey__container .block-survey__text-input::placeholder {
  color: #667085 !important;
  opacity: 1 !important;
}

.block-survey__container .block-survey__character-count,
.block-survey__container .block-survey__character-count * {
  color: #596273 !important;
  opacity: 1 !important;
}

/* =========================================================
   LESSON NAVIGATION
   Keep the prior dark treatment without styling every child.
   ========================================================= */

.classic .lesson-nav--full {
  --color-background: var(--ctl-bg) !important;
  --color-button-contrast: var(--ctl-cyan) !important;
  --button-text-hover-color: #ffffff !important;
  --button-background-hover-color: rgba(103, 215, 255, 0.10) !important;
  --button-background-selected-color: rgba(103, 215, 255, 0.16) !important;
  background: var(--ctl-bg) !important;
  border-color: var(--ctl-border) !important;
}

.classic .lesson-nav--full .lesson-nav-link__link,
.classic .lesson-nav--full .lesson-nav__link-text,
.classic .lesson-nav--full .lesson-nav__link-icon {
  color: var(--ctl-cyan) !important;
}

/* Compact navigation */
.classic .nav-compact {
  --color-nav-compact-bg: var(--ctl-bg) !important;
  --color-nav-compact-header-bg: var(--ctl-bg) !important;
  --color-nav-compact-contrast: var(--ctl-text) !important;
  --color-nav-compact-header-control-hover-bg: rgba(103, 215, 255, 0.14) !important;
  --color-nav-compact-outline-item-border: var(--ctl-border) !important;
  --color-nav-compact-outline-item-link-hover-bg: rgba(103, 215, 255, 0.10) !important;
  --color-nav-compact-outline-item-link-hover: var(--ctl-cyan) !important;
  --color-nav-compact-outline-section-text: var(--ctl-text) !important;
  --color-nav-compact-outline-section-toggle-icon: var(--ctl-text) !important;
  --color-nav-compact-progress-track: rgba(255, 255, 255, 0.16) !important;
}

.classic .nav-compact__wrap,
.classic .nav-compact__header,
.classic .nav-compact__outline {
  background: var(--ctl-bg) !important;
  color: var(--ctl-text) !important;
}

.classic .nav-compact__header-counter,
.classic .nav-compact__header-title,
.classic .nav-compact__header-title-link,
.classic .nav-compact__header-progress-text,
.classic .nav-compact__outline-item__link,
.classic .nav-compact__outline-section-item__link {
  color: var(--ctl-text) !important;
}

.classic .nav-compact__outline-item__link--active,
.classic .nav-compact__outline-section-item__link--active {
  background: rgba(103, 215, 255, 0.10) !important;
  color: var(--ctl-cyan) !important;
}