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

/* ---- css/pf_problem.css ---- */
html[data-theme="dark"] {
  --ink-900: #d6dbdf;
  --ink-700: #b6bacb;
  --ink-500: #8c95a7;
  --base-border: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .problem-wrap {
  background: #1b2733;
}
html[data-theme="dark"] .problem-card {
  background: #182530;
}

/* ---- css/pf_research.css ---- */
html[data-theme="dark"] .quant-research {
  --qr-blue: #259cd4;
  --qr-ink: #d0d4df;
  --qr-muted: #8b99a4;
}

/* ---- css/PF_persona.css ---- */
html[data-theme="dark"] {
  --persona-bg: #1c2b39;
  --tile-bg: #3c1f1f;
  --ink-900: #e3e7e9;
  --ink-700: #f4f5f6;
}
html[data-theme="dark"] #persona .profile-photo {
  background: rgba(24, 37, 48, 0.22);
}
html[data-theme="dark"] #persona .profile-photo.is-missing {
  background: rgba(24, 37, 48, 0.18);
}
html[data-theme="dark"] #persona .quote {
  color: #f4f5f6 !important;
}
html[data-theme="dark"] #persona .quote * {
  color: #f4f5f6 !important;
}

/* ---- css/pf-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);
}
html[data-theme="dark"] .tf-lightbox__img {
  background: #182530;
}
html[data-theme="dark"] .tf-lightbox__close {
  background: #182530;
}

/* ---- css/PF_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"] .empathy-quad::before,
html[data-theme="dark"] .empathy-quad::after {
  background: #683936;
}
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/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/pf-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/PF_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 {
  --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/FP_hero.css ---- */
html[data-theme="dark"] .pf-hero {
  --ink-900: #d6dbdf;
  --white: #182530;
  --off: #1b2a37;
  background: radial-gradient(1000px 600px at 15% 10%, rgba(24, 37, 48, 0.1), transparent 60%),
    radial-gradient(800px 600px at 85% 30%, rgba(57,143,186,.25), transparent 70%),
    linear-gradient(180deg, var(--blue-600) 0%, var(--blue-700) 100%);
}
html[data-theme="dark"] .pf-hero h1 {
  color: #d6dbdf;
}
html[data-theme="dark"] .pf-hero__lede {
  color: #d6dbdf;
}
html[data-theme="dark"] .btn--ghost {
  background: rgba(24, 37, 48, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .btn--ghost:hover {
  background: rgba(24, 37, 48, 0.18);
}
html[data-theme="dark"] .pf-hero__meta-item {
  background: rgba(24, 37, 48, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="dark"] .pf-hero__card {
  background: radial-gradient(120% 90% at 20% 20%, rgba(24, 37, 48, 0.14), rgba(24, 37, 48, 0) 45%),
    linear-gradient(160deg, var(--blue-500), var(--blue-700));
}
html[data-theme="dark"] .pf-hero__card::before {
  background: radial-gradient(50% 60% at 70% 30%, rgba(24, 37, 48, 0.35), transparent 60%);
}
html[data-theme="dark"] .btn--primary .btn__icon {
  background: rgba(24, 37, 48, 0.16);
}
html[data-theme="dark"] .pf-hero .btn--primary::before {
  background: #182530;
}
html[data-theme="dark"] .pf-hero .btn--primary:hover {
  color: #259cd4;
}
html[data-theme="dark"] .pf-hero .btn--primary .btn__icon {
  background: rgba(24, 37, 48, 0.16);
}

/* ---- css/pf-screen.css ---- */
html[data-theme="dark"] {
  --pf-ink: #d6dbdf;
  --pf-ink-600: #b9bed0;
  --pf-muted: #8997a2;
  --pf-white: #182530;
  --pf-blue-700: #81bbd8;
}
html[data-theme="dark"] .pf-prototype {
  background: radial-gradient(1200px 600px at 10% 0%, rgba(59, 37, 31, 0.6), transparent 60%),
    linear-gradient(180deg, #182530, #182530);
}
html[data-theme="dark"] .pf-prototype .pfp-cta .btn-primary::before {
  background: #182530;
}
html[data-theme="dark"] .pf-prototype .pfp-cta .btn-ghost {
  background: #182530;
}
html[data-theme="dark"] .pf-prototype .pfp-cta .btn-ghost::after {
  background: linear-gradient(90deg, transparent, rgba(24, 37, 48, 0.45), transparent);
}
html[data-theme="dark"] .blob-a {
  background: radial-gradient(55% 60% at 60% 40%, rgba(87, 51, 45, 0.9), transparent 70%);
}
html[data-theme="dark"] .pfp-glow {
  background: radial-gradient(60% 70% at 60% 40%, rgba(87, 51, 45, 0.9), transparent 70%),
    radial-gradient(40% 50% at 30% 70%, rgba(57,143,186,.35), transparent 70%);
}
html[data-theme="dark"] .pfp-device {
  background: linear-gradient(180deg, #182530, #1a2835);
}
html[data-theme="dark"] .chip {
  background: rgba(24, 37, 48, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

/* ---- css/pf-hypo-assume.css ---- */
html[data-theme="dark"] #assumptions.lv-assumptions {
  --ink: #d6dbdf;
  --muted: #8997a2;
  --panel: #182530;
}

/* ---- css/pf-next.css ---- */
html[data-theme="dark"] #next-steps.learn {
  --ink: #b9bed0;
  --ink-muted: #82919d;
  --surface: #182530;
  --surface-soft: #182530;
}
html[data-theme="dark"] #next-steps .learn__icon::after {
  background: linear-gradient(
    to bottom,
    rgba(24, 37, 48, 0.38),
    rgba(24, 37, 48, 0) 60%
  );
}

/* ---- inline ---- */
html[data-theme="dark"] {
  --toc-bg: rgba(30, 40, 50, 0.92);
  --toc-ink: #b9bed0;
  --toc-ink-muted: #82919d;
  --toc-pill-bg: #182530;
  --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-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(--Blue));
}

/* ---- inline ---- */
html[data-theme="dark"] .tf-lightbox__img {
  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);
}