/* GENERATED by tools/build-dark.py — do not edit by hand (edit css/dark.css for manual tweaks). */
/* ---- css/tokens.css ---- */
html[data-theme="dark"] {
  --bg-primary: #182530;
  --bg-secondary: #1a2835;
  --surface-elevated: #182530;
  --text-primary: #e1e5e7;
  --text-secondary: #adb7be;
  --border: rgba(255, 255, 255, 0.12);
  --ink-900: #e1e5e7;
  --ink-800: #d6dbdf;
  --ink-700: #bfc7cd;
  --ink-600: #adb7be;
  --ink-500: #8e9ca6;
  --surface: #182530;
  --surface-soft: #1a2835;
  --surface-sunken: #1c2b39;
  --line-soft: rgba(255, 255, 255, 0.12);
}
@media (hover: hover) {
  html[data-theme="dark"] .btn--secondary:hover {
    color: #55a5cd;
  }
}
html[data-theme="dark"] .btn--text {
  color: #55a5cd;
}

/* ---- css/header.css ---- */
html[data-theme="dark"] {
  --ink: #d6dbdf;
  --header-bg: rgba(24, 37, 48, 0.92);
  --header-border: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .header.scrolled {
  background: rgba(24, 37, 48, 0.97);
}
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .nav-links a:focus-visible {
  color: #81bbd8;
}
html[data-theme="dark"] .nav-links a.active,
html[data-theme="dark"] .nav-links a[aria-current="page"] {
  color: #81bbd8;
}
html[data-theme="dark"] .web-dev-btn {
  background: #182530;
  color: #81bbd8;
}
html[data-theme="dark"] .web-dev-btn::before {
  background: linear-gradient(
    90deg,
    rgba(57, 143, 186, 0.18) 0%,
    rgba(28, 44, 57, 0.24) 50%,
    rgba(255, 108, 99, 0.18) 100%
  );
}
html[data-theme="dark"] .mobile-menu a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .header.hnav {
  background: rgba(24, 37, 48, 0.86);
}
html[data-theme="dark"] .header.hnav.scrolled {
  background: rgba(24, 37, 48, 0.97);
}
html[data-theme="dark"] .header.hnav .nav-links a:hover,
html[data-theme="dark"] .header.hnav .nav-links a:focus-visible {
  color: #81bbd8;
}
html[data-theme="dark"] .header.hnav .web-dev-btn.hnav-cta {
  color: var(--hnav-ink, #92a0aa);
}
html[data-theme="dark"] .mobile-menu.hnav-menu::before {
  background-image: radial-gradient(circle at 15% 20%, rgba(24, 37, 48, 0.14), transparent 40%),
    radial-gradient(circle at 85% 82%, rgba(24, 37, 48, 0.1), transparent 42%);
}
html[data-theme="dark"] .mobile-menu.hnav-menu a {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .mobile-menu.hnav-menu .hnav-menu-cta:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.14);
}

/* ---- css/page-navigator.css ---- */
html[data-theme="dark"] .csn__btn {
  color: var(--ink-900, #e1e5e7);
  background: rgba(24, 37, 48, 0.94);
}
html[data-theme="dark"] .csn__panel {
  background: var(--surface, #182530);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
}
html[data-theme="dark"] .csn__link {
  color: var(--ink-700, #bfc7cd);
}
html[data-theme="dark"] .csn__link--top {
  color: var(--blue-deep, #55a5cd);
}
html[data-theme="dark"] .csn__link.is-active {
  color: var(--blue-deep, #55a5cd);
}
@media (hover: hover) {
  html[data-theme="dark"] .csn__link:hover {
    background: var(--surface-sunken, #1c2b39);
    color: var(--ink-900, #e1e5e7);
  }
  html[data-theme="dark"] .csn__link.is-active:hover {
    color: var(--blue-deep, #55a5cd);
  }
}

/* ---- css/footer.css ---- */
html[data-theme="dark"] body {
  color: #d0d7ea;
  background: #182530;
}
html[data-theme="dark"] {
  --footer-bg: radial-gradient(circle at 12% 10%, rgba(64, 103, 217, 0.08), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(64, 103, 217, 0.06), transparent 22%),
    linear-gradient(180deg, rgba(32, 49, 61, 0.72) 0%, rgba(35, 54, 66, 0.88) 100%);
  --footer-ink: #d0d7ea;
  --footer-muted: #8192aa;
  --footer-soft: rgba(24, 37, 48, 0.68);
}
html[data-theme="dark"] .footer-left a.footer-copy {
  color: #81bbd8;
}
html[data-theme="dark"] .footer-right .social-icon:hover {
  background: #182530;
}
html[data-theme="dark"] .ftx {
  --ftx-ink: #d0d7ea;
  --ftx-muted: #949eab;
  --ftx-line: rgba(255, 255, 255, 0.15);
  --ftx-card: rgba(24, 37, 48, 0.72);
  background: radial-gradient(circle at 18% 0%, rgba(57, 143, 186, 0.10), transparent 42%),
    radial-gradient(circle at 84% 12%, rgba(255, 108, 99, 0.08), transparent 38%),
    linear-gradient(180deg, #1c2b36 0%, #1f2f3c 100%);
}
html[data-theme="dark"] .ftx-pill {
  color: #81bbd8;
}
html[data-theme="dark"] .ftx-link-line__pulse {
  background: #182530;
}
html[data-theme="dark"] .ftx-btn--secondary {
  background: #182530;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .ftx-btn--secondary:hover {
  color: #81bbd8;
}
html[data-theme="dark"] .ftx-nav__link:hover {
  color: #81bbd8;
}
html[data-theme="dark"] .ftx-social:hover {
  color: #81bbd8;
}

/* ---- css/more-work.css ---- */
html[data-theme="dark"] .mw-section {
  background: #182530;
}
html[data-theme="dark"] .mw-title {
  color: var(--ink-900, #dee1e8);
}
html[data-theme="dark"] .mw-card__fig {
  background: #1f323c;
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
}
html[data-theme="dark"] .mw-card__chip {
  color: var(--ink-500, #929daf);
}
html[data-theme="dark"] .mw-card__title {
  color: var(--ink-900, #dee1e8);
}
html[data-theme="dark"] .mw-card__desc {
  color: var(--ink-500, #929daf);
}
html[data-theme="dark"] .mw-card__badge {
  background: var(--surface-sunken, #1c2b39);
  color: var(--ink-600, #adb7be);
}
html[data-theme="dark"] .mw-card__badge--platform {
  color: var(--ink-500, #929daf);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.16));
}
@media (hover: hover) {
  html[data-theme="dark"] .mw-card__link:hover .mw-card__title {
    color: var(--blue, #81bbd8);
  }
}

/* ---- css/lumeveHero.css ---- */
html[data-theme="dark"],
html[data-theme="dark"] body {
  background: #23353d;
  color: #d6dbdf;
}
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer {
  background: #243849;
}
html[data-theme="dark"] .frame-9 {
  background: #2f4956;
}
html[data-theme="dark"] .covid-19-was-a-considerable-shift-in-our-lives-that-increased-our-dependy-on-online-technologies {
  color: #259cd4;
}
html[data-theme="dark"] .right-fit-right-choice-designing-lumeve-a-personalized-inclusive-sizing-experience-for-fashion-e-commerce {
  color: #d7dce0;
}
html[data-theme="dark"] .frame-11::before {
  background: #182530;
}
html[data-theme="dark"] .frame-11:hover {
  color: var(--btn-primary, #81bbd8);
}

/* ---- css/lumeveOverview.css ---- */
html[data-theme="dark"] {
  --ink-900: #e1e5e7;
  --ink-800: #d6dbdf;
  --ink-700: #bfc7cd;
  --section-bg: #23353d;
}

/* ---- css/problem.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-700: #b9bed0;
  --ink-500: #949eab;
  --base-border: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .problem-wrap {
  background: #23353d;
}
html[data-theme="dark"] .problem-card {
  background: #182530;
}
html[data-theme="dark"] .p-row {
  background: #1b2933;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .p-row:hover {
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .p-icon {
  background: radial-gradient(
        ellipse at 30% 30%,
        #182530 0%,
        #1c2c36 60%,
        #1f303b 100%
    );
  border: 1px solid rgba(255, 255, 255, 0.14);
}

/* ---- css/research.css ---- */
html[data-theme="dark"] .quant-research {
  --qr-blue: #259cd4;
  --qr-ink: #d0d4df;
  --qr-muted: #8b99a4;
}
html[data-theme="dark"] .donut .slice {
  stroke: #fae6bc;
}
html[data-theme="dark"] .insights-decisions {
  --id-ink: #b9bed0;
  --id-ink-muted: #82919d;
  --id-blue-dark: #259cd4;
  --id-surface: #182530;
  --id-surface-soft: #1e2832;
}
html[data-theme="dark"] .insights-decisions .id-chip {
  background: #182530;
}

/* ---- css/howItWork.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-700: #cad0d5;
  --ink-500: #95a2ac;
  --panel: #1c2c39;
  --bg-blue: #233748;
}
html[data-theme="dark"] .card:hover {
  border-color: color-mix(in oklab, var(--panel-ring) 82%, rgba(255, 255, 255, 0.14));
}
html[data-theme="dark"] .digit-badge {
  background: linear-gradient(var(--panel), var(--panel)) padding-box,
    conic-gradient(
      from 0deg,
      rgba(255,181,81,.45) 0deg,
      rgba(36, 56, 73, 0.5) 120deg,
      rgba(68, 62, 35, 0.55) 240deg,
      rgba(22,92,125,.45) 360deg
    ) border-box;
}
html[data-theme="dark"] .card {
  background: linear-gradient(var(--panel), var(--panel)) padding-box,
    conic-gradient(from var(--angle),
      color-mix(in oklab, var(--panel-ring) 95%, #182530) 0turn,
      color-mix(in oklab, var(--panel-ring) 85%, #182530) .10turn,
      transparent .22turn .70turn,
      color-mix(in oklab, var(--panel-ring) 85%, #182530) .82turn,
      color-mix(in oklab, var(--panel-ring) 95%, #182530) 1turn
    ) border-box;
}
html[data-theme="dark"] .digit-badge {
  background: linear-gradient(var(--panel), var(--panel)) padding-box,
    conic-gradient(
      from 0deg,
      rgba(255,181,81,.55) 0deg,
      rgba(36, 56, 73, 0.55) 120deg,
      rgba(68, 62, 35, 0.6) 240deg,
      rgba(22,92,125,.55) 360deg
    ) border-box;
}

/* ---- css/persona.css ---- */
html[data-theme="dark"] {
  --ink-900: #d2d9e8;
  --ink-700: #b1b9c5;
  --ink-600: #8592a3;
  --panel: #1c2b38;
  --card: #182530;
  --line: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] #persona .persona-profile {
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #d0d4db;
}
html[data-theme="dark"] #persona .profile-photo {
  background: rgba(24, 37, 48, 0.55);
}
html[data-theme="dark"] #persona .profile-facts li strong {
  color: #d8deec;
}
html[data-theme="dark"] #persona .persona-title h2 {
  border-bottom: 2px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] #persona .tile:hover {
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] #persona .tile h4 {
  color: #d3daea;
}
html[data-theme="dark"] #persona .profile-photo.is-missing {
  background: repeating-linear-gradient(
    45deg,
    rgba(24, 37, 48, 0.9) 0 8px,
    rgba(24, 37, 48, 0.6) 8px 16px
  );
  color: #aeb8c8;
  border: 1px dashed rgba(255, 255, 255, 0.14);
}

/* ---- css/slideshow.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-700: #c3cad0;
  --ocean-0: #1e323a;
  --ocean-1: #27404b;
  --ocean-2: #2e4b59;
  --sun-0: #3a2c1e;
  --sun-1: #463625;
  --sun-2: #58432e;
}
html[data-theme="dark"] .fit-experience .dot {
  background: #3b5967;
}
@media (max-width: 640px) {
  html[data-theme="dark"] #fit-experience .label {
    background: rgba(24, 37, 48, 0.92);
  }
}

/* ---- css/map.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-800: #b9bed0;
  --ink-700: #cad0d5;
  --ink-500: #8d95a6;
  --card: #182530;
  --panel: #1b2a37;
}
html[data-theme="dark"] .em-card:hover {
  background: #312b19;
}
html[data-theme="dark"] .em-badge {
  color: #d0d4dc;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .em-center-avatar {
  background: #182530;
}

/* ---- css/whoWeServe.css ---- */
html[data-theme="dark"] .section.enhanced .main-headline {
  color: #d6dbdf;
}
html[data-theme="dark"] .text-and-button .paragraph {
  color: #d6dbdf;
}
html[data-theme="dark"] .section.enhanced .icon-ionicons-filled-play {
  fill: #259cd4;
}
html[data-theme="dark"] .section.enhanced .watch-prototyping {
  color: #259cd4;
}
@media (max-width: 640px) {
  html[data-theme="dark"] #marketing .button.cta {
    background: #182530;
    color: #259cd4;
  }
  html[data-theme="dark"] #marketing .button.cta:hover,
  html[data-theme="dark"] #marketing .button.cta:active {
    background: #182530;
  }
  html[data-theme="dark"] #marketing .button.cta .icon-ionicons-filled-play {
    fill: #259cd4;
  }
  html[data-theme="dark"] #marketing .watch-prototyping {
    color: #259cd4;
  }
}

/* ---- css/taskflow.css ---- */
html[data-theme="dark"] {
  --ink-900: var(--ink-900, #d6dbdf);
  --ink-600: var(--ink-600, #95a2ac);
}
html[data-theme="dark"] .user-flow__label::after {
  background: linear-gradient(180deg, rgba(24, 37, 48, 0.8), rgba(24, 37, 48, 0));
}
html[data-theme="dark"] .user-flow__figure {
  background: #182530;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .user-flow__hint a {
  background: #182530;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .user-flow__hint button {
  background: #182530;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .tf-lightbox {
  background: #182530;
}
html[data-theme="dark"] .tf-lightbox__img {
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* ---- css/userTesting.css ---- */
html[data-theme="dark"] .ut3-section {
  --ink-900: #d6dbdf;
  --ink-700: #b9bed0;
  --ink-500: #8d95a6;
  --off: #1b2a37;
  --white: #182530;
}
html[data-theme="dark"] .ut3-head {
  background: var(--#182530);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ut3-round {
  background: var(--#182530);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ut3-chip {
  color: #259cd4;
  background: #1d2e39;
}
html[data-theme="dark"] .ut3-snap {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #1b2933;
}
html[data-theme="dark"] .ut3-snap img {
  background: #182530;
}
html[data-theme="dark"] .ut3-cap {
  background: #182530;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ut3-tag {
  background: #182530;
}
html[data-theme="dark"] .ut3-tag--before {
  color: #dd8683;
}
html[data-theme="dark"] .ut3-tag--after {
  color: #3cd679;
}
html[data-theme="dark"] .ut3-block {
  background: #192130;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ut3-btn-secondary {
  color: #259cd4;
  background: #182530;
}
html[data-theme="dark"] .ut3-btn-secondary:hover {
  background: linear-gradient(180deg, #182530 0%, #1b2833 100%);
}
html[data-theme="dark"] .ut3-tabs {
  background: #182530;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ut3-tab {
  color: #b9bed0;
}

/* ---- css/sketches.css ---- */
html[data-theme="dark"] .sketches {
  --off: #1b2a37;
  --white: #182530;
}
html[data-theme="dark"] .sketches__rail {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
html[data-theme="dark"] .scroll-hint {
  color: #259cd4;
  background: rgba(24, 37, 48, 0.9);
}
html[data-theme="dark"] .sketches__item {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .sketches__item > img {
  /* the sketches are dark pencil lines on white paper: "multiply" on a dark card made the whole drawing dark-on-dark (invisible), so show them as paper */
  mix-blend-mode: normal;
  background: #fdfcfa;
  border-radius: 10px;
  filter: none;
}
html[data-theme="dark"] .sketches__item::before {
  color: #259cd4;
  background: linear-gradient(#182530, #182530) padding-box,
        linear-gradient(135deg, var(--blue-500), var(--pink)) border-box;
}
html[data-theme="dark"] .btn--secondary,
html[data-theme="dark"] .sketches__cta {
  color: #259cd4;
  background: linear-gradient(var(--pink), var(--pink)) left center / 0% 100% no-repeat,
        #182530;
}
html[data-theme="dark"] .btn--secondary:hover,
html[data-theme="dark"] .sketches__cta:hover {
  background: linear-gradient(var(--pink), var(--pink)) left center / 100% 100% no-repeat,
        #182530;
}

/* ---- css/wireframe.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-600: #b9bed0;
  --ink-400: #949eab;
}
html[data-theme="dark"] .wireframe-img {
  background-color: #1c2c39;
}
html[data-theme="dark"] .wf-link {
  color: #81bbd8;
}
html[data-theme="dark"] .wf-link:hover {
  background: linear-gradient(var(--btn-pink), var(--btn-pink)) left center / 100% 100% no-repeat,
    #182530;
}
html[data-theme="dark"] .wf-figure::-webkit-scrollbar-track {
  background: #1e2e3c;
}
html[data-theme="dark"] .view-figma {
  color: #259cd4;
}
html[data-theme="dark"] .zoom-overlay {
  background: #182530 !important;
}
html[data-theme="dark"] .zoom-close {
  color: #f4f5f6 !important;
}
html[data-theme="dark"] .zoom-close:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.16);
}

/* ---- css/screens.css ---- */
html[data-theme="dark"] #lumeve-showcase {
  --ink-900: #d6dbdf;
  --ink-700: #c3cad0;
  --ink-600: #b9bed0;
  background: #182530;
}
html[data-theme="dark"] .sc-cta.sc-cta--full {
  color: #d6dbdf;
}
html[data-theme="dark"] .sc-cta.sc-cta--full .cta-note {
  color: #f4f5f6;
}

/* ---- css/ui.css ---- */
html[data-theme="dark"] #design-system.lumeve-ds {
  --ink-900: #d6dbdf;
  --ink-700: #b9bed0;
  --ink-600: #8d95a6;
  --ink-400: #687884;
  --blue-100: #243849;
  --off: #1b2a37;
  --white: #182530;
  --hairline: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] #design-system.lumeve-ds .font-card {
  background: var(--#182530);
}
html[data-theme="dark"] #design-system.lumeve-ds .heritage {
  background: linear-gradient(
      180deg,
      #182530 0%,
      #1a2935 60%,
      #182531 100%
    );
}
html[data-theme="dark"] #design-system.lumeve-ds .swatch {
  background: var(--#182530);
}
html[data-theme="dark"] #design-system.lumeve-ds .chip {
  background: var(--chip, #273d50);
}

/* ---- css/lumeveNext.css ---- */
html[data-theme="dark"] .nextx {
  --ink: #c8cddb;
  --ink-muted: #82919d;
  --blue-50: #1b2834;
  --blue-200: #2c4254;
  --surface: #182530;
}
html[data-theme="dark"] .nextx__icon {
  background: radial-gradient(120% 120% at 20% 20%, rgba(24, 37, 48, 0.55) 0%, rgba(24, 37, 48, 0) 62%),
    linear-gradient(135deg, var(--blue-400), var(--blue-700));
}

/* ---- css/learning.css ---- */
html[data-theme="dark"] .learnx {
  --ink: #b9bed0;
  --ink-muted: #82919d;
  --surface: #182530;
}
html[data-theme="dark"] .learnx__icon {
  background: radial-gradient(120% 120% at 20% 20%, rgba(24, 37, 48, 0.55) 0%, rgba(24, 37, 48, 0) 62%),
    linear-gradient(135deg, var(--blue-300), var(--blue-700));
}

/* ---- css/hmw.css ---- */
html[data-theme="dark"] .hmw {
  --panel: #24394a;
  --card: #182530;
  --ink-900: #d2d9e8;
  --ink-700: #b1b9c5;
}
html[data-theme="dark"] .hmw .hmw-card__body {
  color: #259cd4;
}
html[data-theme="dark"] .hmw .hmw-card__final {
  color: #82919d;
}
html[data-theme="dark"] .solution {
  --ink: #c9ced8;
  --muted: #82919d;
  --line: rgba(255, 255, 255, 0.14);
  --soft: #1b2834;
  --white: #182530;
}
html[data-theme="dark"] .solution .solution-card {
  background: var(--#182530);
}
html[data-theme="dark"] .solution .brand {
  color: #259cd4;
}
html[data-theme="dark"] .solution .ico {
  color: #259cd4;
}

/* ---- css/other-project.css ---- */
html[data-theme="dark"] .op {
  --ink-900: #d6dbdf;
  --ink-600: #a3aeb6;
  --white: #182530;
}
html[data-theme="dark"] .op-card {
  background: var(--#182530);
}
html[data-theme="dark"] .op-cta {
  background: var(--#182530);
}
html[data-theme="dark"] .op-btn:hover {
  background: var(--#182530);
}
html[data-theme="dark"] .page-transition {
  background: var(--page-bg, #182530);
}

/* ---- css/lumeve-hypo-assume.css ---- */
html[data-theme="dark"] #assumptions.lv-assumptions {
  --ink: #d6dbdf;
  --muted: #8997a2;
  --panel: #182530;
}
html[data-theme="dark"] .lv-card__title {
  color: #259cd4;
}
html[data-theme="dark"] .lv-list {
  color: #f4f5f6;
}

/* ---- inline ---- */
html[data-theme="dark"] {
  --toc-bg: rgba(30, 40, 50, 0.92);
  --toc-ink: #b9bed0;
  --toc-ink-muted: #82919d;
  --toc-pill-bg: #182530;
  --toc-blue-700: #259cd4;
  --white: #213242 !important;
}
html[data-theme="dark"] .toc-rail {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
html[data-theme="dark"] .toc-link.is-active,
html[data-theme="dark"] .toc-chip.is-active {
  background: #182530;
}
html[data-theme="dark"] .toc-indicator {
  background: linear-gradient(90deg, var(--#182530), var(--Blue));
}
html[data-theme="dark"] .toc-arrow {
  background: rgba(24, 37, 48, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* ---- css/buttons.css ---- */
html[data-theme="dark"] .btn--secondary,
html[data-theme="dark"] .btn--light,
html[data-theme="dark"] .btn--ghost,
html[data-theme="dark"] .hero-btn-secondary,
html[data-theme="dark"] .action-link--secondary,
html[data-theme="dark"] .ftx-btn--secondary,
html[data-theme="dark"] .cta-btn--secondary,
html[data-theme="dark"] .ccta-btn--secondary,
html[data-theme="dark"] #marketing .marketing-cta {
  background: #182530;
  color: #55a5cd;
}
@media (hover: hover) {
  html[data-theme="dark"] .btn--secondary:hover,
  html[data-theme="dark"] .btn--light:hover,
  html[data-theme="dark"] .btn--ghost:hover,
  html[data-theme="dark"] .hero-btn-secondary:hover,
  html[data-theme="dark"] .action-link--secondary:hover,
  html[data-theme="dark"] .ftx-btn--secondary:hover,
  html[data-theme="dark"] .cta-btn--secondary:hover,
  html[data-theme="dark"] .ccta-btn--secondary:hover,
  html[data-theme="dark"] #marketing .marketing-cta:hover {
    background: #1f323c;
    color: #55a5cd;
  }
}

/* ---- css/case-study-extras.css ---- */
html[data-theme="dark"] .cs-summary__card {
  background: var(--surface-soft, #1a2835);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
  color: var(--ink-800, #d6dbdf);
}
html[data-theme="dark"] .cs-summary__eyebrow {
  color: var(--blue-deep, #55a5cd);
}
html[data-theme="dark"] .cs-summary__item dt {
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .cs-summary__item dd {
  color: var(--ink-900, #e1e5e7);
}
html[data-theme="dark"] .cs-summary__note {
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .cs-pn__card {
  color: var(--ink-900, #e1e5e7);
  background: var(--surface, #182530);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
}
html[data-theme="dark"] .cs-pn__fig {
  background: var(--surface-sunken, #1c2b39);
}
html[data-theme="dark"] .cs-pn__dir {
  color: var(--blue-deep, #55a5cd);
}
html[data-theme="dark"] .cs-pn__tag {
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .cs-pn__lock {
  color: var(--blue-deep, #55a5cd);
}

/* ---- css/protected-access.css ---- */
html[data-theme="dark"] .pa__dialog {
  background: var(--surface, #182530);
  color: var(--ink-800, #d6dbdf);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
}
html[data-theme="dark"] .pa__close {
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .pa__lock {
  background: var(--surface-soft, #1a2835);
  border: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
  color: var(--blue-deep, #55a5cd);
}
html[data-theme="dark"] .pa__project {
  color: var(--blue-deep, #55a5cd);
}
html[data-theme="dark"] .pa__title {
  color: var(--ink-900, #e1e5e7);
}
html[data-theme="dark"] .pa__text {
  color: var(--ink-600, #adb7be);
}
html[data-theme="dark"] .pa__label {
  color: var(--ink-700, #bfc7cd);
}
html[data-theme="dark"] .pa__field {
  background: var(--surface-soft, #1a2835);
}
html[data-theme="dark"] .pa__field:focus-within {
  background: var(--surface, #182530);
}
html[data-theme="dark"] .pa__input {
  color: var(--ink-900, #e1e5e7);
}
html[data-theme="dark"] .pa__input::placeholder {
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .pa__toggle {
  color: var(--ink-600, #adb7be);
}
html[data-theme="dark"] .pa__error {
  color: #e56d66;
}
html[data-theme="dark"] .pa__request {
  border-top: 1px solid var(--line-soft, rgba(255, 255, 255, 0.12));
  color: var(--ink-500, #8e9ca6);
}
html[data-theme="dark"] .pa__request-link {
  color: var(--blue-deep, #55a5cd);
}
@media (hover: hover) {
  html[data-theme="dark"] .pa__close:hover,
  html[data-theme="dark"] .pa__toggle:hover {
    background: var(--surface-sunken, #1c2b39);
    color: var(--ink-900, #e1e5e7);
  }
}
html[data-theme="dark"][data-theme="dark"] .pa__lock {
  color: #55a5cd;
}
html[data-theme="dark"][data-theme="dark"] .pa__field:has(.pa__input[aria-invalid="true"]) {
  border-color: rgba(255, 255, 255, 0.14);
}

/* ---- inline style attributes ---- */
html[data-theme="dark"] [style^="color: #165C7D"],
html[data-theme="dark"] [style*=" color: #165C7D"],
html[data-theme="dark"] [style*=";color: #165C7D"] {
  color: #259cd4 !important;
}
html[data-theme="dark"] [style^="border: 1px solid rgba(0, 0, 0, 0.1)"],
html[data-theme="dark"] [style*=" border: 1px solid rgba(0, 0, 0, 0.1)"],
html[data-theme="dark"] [style*=";border: 1px solid rgba(0, 0, 0, 0.1)"] {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}