/* 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/lululemon-hero.css ---- */
html[data-theme="dark"] .ll-hero {
  --ink: #d2d9e8;
  --paper: #182530;
  background: radial-gradient(1100px 600px at 85% -10%, rgba(24, 37, 48, 0.1), transparent),
    linear-gradient(135deg, var(--red) 0%, var(--red-mid) 40%, var(--red-d) 85%);
}
html[data-theme="dark"] .ll-btn {
  background: #182530;
}
html[data-theme="dark"] .ll-btn::after {
  background: linear-gradient(110deg, transparent 0%, rgba(24, 37, 48, 0.6) 18%, transparent 36%) no-repeat;
}
html[data-theme="dark"] .fx-unique::before {
  background: radial-gradient(120% 60% at 70% 0%, rgba(24, 37, 48, 0.06), transparent 60%) ,
    conic-gradient(from var(--ang, 0deg),
      rgba(24, 37, 48, 0) 0deg,
      rgba(24, 37, 48, 0.55) 10deg,
      rgba(24, 37, 48, 0) 22deg,
      rgba(24, 37, 48, 0) 360deg);
}
html[data-theme="dark"] .fx-unique::after {
  background: radial-gradient(42% 42% at 50% 50%, rgba(24, 37, 48, 0.22), rgba(24, 37, 48, 0) 70%),
    radial-gradient(80% 80% at 60% 35%, rgba(24, 37, 48, 0.1), rgba(24, 37, 48, 0) 70%);
}

/* ---- 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/lululemonOverview.css ---- */
html[data-theme="dark"] {
  --ink-900: #e1e5e7;
  --ink-800: #d6dbdf;
  --ink-700: #bfc7cd;
  --section-bg: #23353d;
}

/* ---- css/lu_problem.css ---- */
html[data-theme="dark"] {
  --card-bg: #182530;
  --ink-900: #d6dbdf;
  --ink-500: #8d95a6;
}
html[data-theme="dark"] .problem-wrap.theme-coral {
  --ink-700: #ed667a !important;
}
html[data-theme="dark"] body {
  background: #23323b;
}

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

/* ---- css/lu-persona.css ---- */
html[data-theme="dark"] {
  --panel: #1c2b38;
  --card: #182530;
}
html[data-theme="dark"] #persona .persona-profile {
  border: 1px solid rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] #persona .profile-photo {
  background: rgba(24, 37, 48, 0.55);
}
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 .quote {
  color: #f4f5f6;
  background-color: #182530;
}
html[data-theme="dark"] #persona .profile-photo.is-missing {
  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/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/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/lu-next.css ---- */
html[data-theme="dark"] body {
  background: #20333c;
}
html[data-theme="dark"] .learn {
  --ink: #b9bed0;
  --ink-muted: #82919d;
  --surface: #182530;
  --surface-soft: #182530;
}
html[data-theme="dark"] .learn .learn__icon::after {
  background: linear-gradient(to bottom, rgba(24, 37, 48, 0.38), rgba(24, 37, 48, 0) 60%);
}

/* ---- css/LU-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/lu_hmw.css ---- */
html[data-theme="dark"] .hmw {
  --panel: #24394a;
  --card: #182530;
  --ink-900: #d2d9e8;
  --ink-700: #f0f2f3;
}
html[data-theme="dark"] .hmw .hmw-card__body {
  color: #f4f5f6;
}
html[data-theme="dark"] .hmw .hmw-card__body strong {
  color: #ed667a;
}
html[data-theme="dark"] .hmw .hmw-card__final {
  color: #82919d;
}
html[data-theme="dark"] .solution {
  --sol-ink: #b9bed0;
  --sol-ink-muted: #82919d;
  --sol-surface: #182530;
  --sol-surface-soft: #23353d;
}

/* ---- 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/lululemon-hypo-assume.css ---- */
html[data-theme="dark"] #assumptions.lv-assumptions {
  --ink: #d6dbdf;
  --muted: #8997a2;
  --panel: #182530;
}
html[data-theme="dark"] .lv-card__title {
  color: #f05c75;
}

/* ---- inline ---- */
html[data-theme="dark"] .team {
  background-color: #23353d;
}
html[data-theme="dark"] .team__title {
  color: #e3e7e9;
}
html[data-theme="dark"] .team__sub {
  color: #a3aeb6;
}
html[data-theme="dark"] .team__member {
  background: #182530;
}
html[data-theme="dark"] .team__name {
  color: #ed667a;
}
html[data-theme="dark"] .team__role {
  color: #ed667a;
}

/* ---- 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: #ed667a;
  --white: #182530;
}
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-arrow {
  background: rgba(24, 37, 48, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .toc-indicator {
  background: linear-gradient(90deg, var(--#182530), var(--red));
}
html[data-theme="dark"] .toc-link.is-active,
html[data-theme="dark"] .toc-chip.is-active {
  background: #182530;
}

/* ---- 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: #d31334"],
html[data-theme="dark"] [style*=" color: #d31334"],
html[data-theme="dark"] [style*=";color: #d31334"] {
  color: #f05c75 !important;
}