:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f4f6fb;
  --ink-2: #d9e2f0;
  --text: #d2dbea;
  --muted: #aab6ca;
  --line: #2c3850;
  --paper: #080d19;
  --white: #111a29;
  --orange: #b83c17;
  --orange-pale: #38221c;
  --blue-pale: #142640;
  --blue-deep: #8fc0ff;
  --green: #76d5a8;
  --shadow: 0 20px 55px rgba(0, 0, 0, .3);
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: #080d19 !important;
}

:root[data-theme="dark"] body {
  background: var(--paper);
  color: var(--text);
}

:root[data-theme="dark"] .site-header {
  border-color: var(--line);
  background: rgba(11, 17, 30, .94);
}

:root[data-theme="dark"] .brand,
:root[data-theme="dark"] .nav-links a,
:root[data-theme="dark"] .nav-dropdown > summary {
  color: #e6edf8;
}

:root[data-theme="dark"] .brand img {
  filter: drop-shadow(0 1px 4px rgba(255, 255, 255, .18));
}

.brand {
  padding: .35rem .6rem;
}

.brand img {
  width: 190px;
  height: 114px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(.84) contrast(1.08) drop-shadow(0 1px 3px rgba(0, 0, 0, .16));
}

@media (max-width: 720px) {
  .brand {
    padding: .2rem .35rem;
  }

  .brand img {
    width: 156px;
    height: 94px;
  }
}

:root[data-theme="dark"] .nav-links a:hover,
:root[data-theme="dark"] .nav-links a[aria-current="page"] {
  color: #ff916e;
}

:root[data-theme="dark"] .nav-submenu {
  border-color: var(--line);
  background: rgba(17, 26, 41, .98);
}

:root[data-theme="dark"] .nav-submenu a,
:root[data-theme="dark"] .nav-submenu .nav-submenu-all {
  color: var(--text);
}

:root[data-theme="dark"] .nav-submenu a:hover,
:root[data-theme="dark"] .nav-submenu a:focus-visible {
  background: #1a2940;
  color: #ff916e;
}

.theme-toggle {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .5rem .7rem;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: var(--white);
  color: var(--ink);
  cursor: pointer;
  font-size: .7rem;
  font-weight: 800;
  white-space: nowrap;
}

.theme-toggle:hover {
  border-color: var(--orange);
}

.theme-toggle-icon {
  font-size: 1.2rem;
}

.theme-toggle--floating {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 50;
  width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

.theme-toggle--floating:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .34);
}

:root[data-theme="dark"] .theme-toggle--floating {
  border-color: #50607b;
  background: #172337;
  color: #e6edf8;
}

@media (max-width: 720px) {
  .theme-toggle--floating {
    right: .85rem;
    bottom: .85rem;
  }
}

:root[data-theme="dark"] .menu-toggle,
:root[data-theme="dark"] .theme-toggle,
:root[data-theme="dark"] .filter-toggle {
  border-color: var(--line);
  background: #111a29;
  color: var(--text);
}

:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .page-hero {
  background: radial-gradient(ellipse at 84% 7%, rgba(45, 127, 249, .16), transparent 38%), linear-gradient(180deg, #0b1221, #080d19);
}

:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .page-hero h1,
:root[data-theme="dark"] .section-heading h2,
:root[data-theme="dark"] .two-column h2,
:root[data-theme="dark"] .membership-banner h2,
:root[data-theme="dark"] .route-card h3,
:root[data-theme="dark"] .course-card h3,
:root[data-theme="dark"] .diagram-core strong,
:root[data-theme="dark"] .diagram-node strong,
:root[data-theme="dark"] .steps-list b,
:root[data-theme="dark"] .detail-block h2,
:root[data-theme="dark"] .purchase-card h2,
:root[data-theme="dark"] .member-card h2 {
  color: var(--ink);
}

:root[data-theme="dark"] .eyebrow {
  color: #9bc7ff;
}

:root[data-theme="dark"] .hero-note,
:root[data-theme="dark"] .breadcrumbs {
  color: var(--muted);
}

:root[data-theme="dark"] .diagram-core span,
:root[data-theme="dark"] .node-create span {
  color: #ffad8d;
}

:root[data-theme="dark"] .node-engineer span {
  color: var(--blue-deep);
}

:root[data-theme="dark"] .course-card--independent .course-route {
  color: var(--muted);
}

:root[data-theme="dark"] .member-resources summary {
  color: var(--blue-deep);
}

:root[data-theme="dark"] .hero h1 em {
  color: #ff8b65;
}

:root[data-theme="dark"] .route-card.route-free {
  border-color: #5d3a36;
  background: linear-gradient(145deg, #171a27 0%, #281b20 100%);
}

:root[data-theme="dark"] .route-card.route-leadership {
  border-color: #39446a;
  background: linear-gradient(145deg, #161b2d 0%, #1c2440 100%);
}

:root[data-theme="dark"] .route-card.route-free .route-icon {
  color: #ff866e;
}

:root[data-theme="dark"] .route-card.route-leadership .route-icon {
  color: #a6b1ff;
}

:root[data-theme="dark"] .hero-diagram,
:root[data-theme="dark"] .diagram-node,
:root[data-theme="dark"] .diagram-core {
  border-color: var(--line);
  background: #111a29;
}

:root[data-theme="dark"] .diagram-orbit {
  border-color: #344563;
}

:root[data-theme="dark"] .orbit-two {
  border-color: #594035;
}

:root[data-theme="dark"] .section-tint {
  background: #101a2b;
}

:root[data-theme="dark"] .section-dark {
  background: #101923;
  color: #f4f6fb;
}

:root[data-theme="dark"] .steps-list li {
  border-color: var(--line);
}

:root[data-theme="dark"] .route-card,
:root[data-theme="dark"] .course-card,
:root[data-theme="dark"] .filter-panel,
:root[data-theme="dark"] .route-detail,
:root[data-theme="dark"] .resource-item,
:root[data-theme="dark"] .detail-block,
:root[data-theme="dark"] .purchase-card,
:root[data-theme="dark"] .member-card,
:root[data-theme="dark"] .youtube-card,
:root[data-theme="dark"] .enterprise-form-card,
:root[data-theme="dark"] .empty-state {
  border-color: var(--line);
  background-color: #111a29;
  color: var(--text);
}

:root[data-theme="dark"] .route-creative,
:root[data-theme="dark"] .route-engineering {
  background: linear-gradient(145deg, #111a29 58%, #1c202d);
}

:root[data-theme="dark"] .course-card-image {
  background: #111a29;
}

:root[data-theme="dark"] .route-tags,
:root[data-theme="dark"] .course-result,
:root[data-theme="dark"] .member-intro,
:root[data-theme="dark"] .member-footnote,
:root[data-theme="dark"] .detail-block p,
:root[data-theme="dark"] .detail-block li,
:root[data-theme="dark"] .route-detail ul,
:root[data-theme="dark"] .member-card ul,
:root[data-theme="dark"] .resource-item p,
:root[data-theme="dark"] .purchase-card p,
:root[data-theme="dark"] .filter-option,
:root[data-theme="dark"] .filter-group h3,
:root[data-theme="dark"] .filter-search label,
:root[data-theme="dark"] .results-bar,
:root[data-theme="dark"] .youtube-card p {
  color: var(--muted);
}

:root[data-theme="dark"] .button-quiet,
:root[data-theme="dark"] .filter-search input,
:root[data-theme="dark"] .filter-search select,
:root[data-theme="dark"] .results-bar select,
:root[data-theme="dark"] .enterprise-form input:not([type="checkbox"]),
:root[data-theme="dark"] .enterprise-form textarea {
  border-color: var(--line);
  background: #0a1220;
  color: var(--text);
}

:root[data-theme="dark"] .button-quiet {
  color: var(--text);
}

:root[data-theme="dark"] .button-dark {
  border-color: #50607b;
  background: #27354b;
  color: #f4f6fb;
}

:root[data-theme="dark"] .notice {
  border-color: #395474;
  background: #12233a;
  color: #c5d6ec;
}

:root[data-theme="dark"] .membership-banner,
:root[data-theme="dark"] .price-card,
:root[data-theme="dark"] .billing-option,
:root[data-theme="dark"] .member-resource,
:root[data-theme="dark"] .package-resource-tags li {
  border-color: var(--line);
  background: #111a29;
  color: var(--text);
}

:root[data-theme="dark"] .membership-banner p,
:root[data-theme="dark"] .billing-term,
:root[data-theme="dark"] .billing-total-label,
:root[data-theme="dark"] .billing-savings,
:root[data-theme="dark"] .billing-equivalent,
:root[data-theme="dark"] .billing-note,
:root[data-theme="dark"] .member-resource p,
:root[data-theme="dark"] .member-resource strong {
  color: var(--muted);
}

:root[data-theme="dark"] .billing-option--best {
  border-color: #80533f;
  background: linear-gradient(145deg, #201a1b, #241917);
}

:root[data-theme="dark"] .billing-option strong,
:root[data-theme="dark"] .member-price {
  color: var(--ink);
}

:root[data-theme="dark"] .site-footer {
  border-color: var(--line);
  background: #0b1221;
}

:root[data-theme="dark"] .footer-brand,
:root[data-theme="dark"] .footer-links a {
  color: var(--text);
}

:root[data-theme="dark"] .footer-note {
  color: var(--muted);
}

:root[data-theme="dark"] .member-card--creation {
  background: linear-gradient(160deg, #111a29, #291c1a);
}

:root[data-theme="dark"] .member-card--engineering {
  background: linear-gradient(160deg, #111a29, #14243a);
}

:root[data-theme="dark"] .member-card--leadership {
  background: linear-gradient(135deg, #111a29, #231e1b 58%, #14243a);
}

:root[data-theme="dark"] .member-card--free {
  border-color: #315b46;
  background: linear-gradient(130deg, #10251d, #111a29 72%);
}

:root[data-theme="dark"] .free-plan-feature,
:root[data-theme="dark"] .free-plan-playlists > a,
:root[data-theme="dark"] .free-resource-panel {
  border-color: #315b46;
  background: #10251d;
}

:root[data-theme="dark"] .member-card--free h2,
:root[data-theme="dark"] .free-plan-feature strong,
:root[data-theme="dark"] .free-resource-panel h3,
:root[data-theme="dark"] .free-plan-playlists strong {
  color: #c7f0d8;
}

:root[data-theme="dark"] .member-card--free p,
:root[data-theme="dark"] .free-plan-playlists small,
:root[data-theme="dark"] .free-resource-row {
  color: #a8cbb5;
}

:root[data-theme="dark"] .badge,
:root[data-theme="dark"] .badge-upcoming {
  background: #273047;
  color: #d2dbea;
}

:root[data-theme="dark"] .badge-paid,
:root[data-theme="dark"] .badge-subscription {
  background: #3a211c;
  color: #ffad8d;
}

:root[data-theme="dark"] .badge-free,
:root[data-theme="dark"] .youtube-card .badge-free {
  background: #123528;
  color: #83e4b8;
}

:root[data-theme="dark"] .free-package-section .free-playlist-card {
  border-color: color-mix(in srgb, var(--free-package-accent) 60%, #111a29);
  background: linear-gradient(145deg, #111a29 58%, color-mix(in srgb, var(--free-package-accent) 20%, #111a29));
}

:root[data-theme="dark"] .enterprise-benefits li {
  border-color: #395474;
  background: #111a29;
  color: var(--text);
}

:root[data-theme="dark"] .enterprise-form > label,
:root[data-theme="dark"] .enterprise-form legend,
:root[data-theme="dark"] .enterprise-form .form-check,
:root[data-theme="dark"] .form-security-note {
  color: var(--muted);
}

:root[data-theme="dark"] .enterprise-form fieldset {
  border-color: var(--line);
}

@media (max-width: 720px) {
  .nav-links.is-open {
    top: 100%;
  }

  :root[data-theme="dark"] .nav-links.is-open {
    border-color: var(--line);
    background: #111a29;
  }

  :root[data-theme="dark"] .nav-links.is-open a {
    border-color: var(--line);
  }
}