/* Shared dark theme for paper-cs case study pages */

html[data-theme="dark"] {
  color-scheme: dark;
  --cs-ink: #f0f0f0;
  --cs-muted: #b0b0b0;
  --cs-frame: #1c1c1c;
  --cs-bg: #111111;
  --cs-surface: #242424;
  --cs-surface-hover: #2e2e2e;
  --cs-surface-active: #363636;
  background-color: var(--cs-bg);
}

html[data-theme="dark"] body.paper-cs-route {
  background: var(--cs-bg);
  color: var(--cs-ink);
}

html[data-theme="dark"] .paper-cs__back {
  background: var(--cs-surface);
  color: var(--cs-ink);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .paper-cs__back:hover {
  background: var(--cs-surface-hover);
  border-color: transparent;
}

html[data-theme="dark"] .paper-cs__findings .research-findings__group,
html[data-theme="dark"] .lightbox-img,
html[data-theme="dark"] .lightbox-chart,
html[data-theme="dark"] .lightbox-chart-card,
html[data-theme="dark"] .lightbox-close {
  background: var(--cs-surface);
}

html[data-theme="dark"] .lightbox-overlay {
  background: rgba(0, 0, 0, 0.78);
}

html[data-theme="dark"] .line-chart line[stroke="#e5e5e5"],
html[data-theme="dark"] .line-chart line {
  stroke: #333;
}

html[data-theme="dark"] .chart-label,
html[data-theme="dark"] .chart-caption,
html[data-theme="dark"] .line-chart text {
  fill: var(--cs-muted);
}

html[data-theme="dark"] .paper-cs__meta dt {
  color: var(--cs-muted);
}

html[data-theme="dark"] .paper-cs__meta dd {
  color: var(--cs-ink);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__group-index,
html[data-theme="dark"] .paper-cs__findings .research-findings__group-name {
  color: var(--cs-ink);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__label {
  color: var(--cs-ink);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__desc {
  color: var(--cs-muted);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__connector::before {
  background: rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__connector::after {
  border-left-color: rgba(255, 255, 255, 0.16);
}

/* Design response is an ink callout in light mode — invert for dark */
html[data-theme="dark"] .paper-cs__findings .research-findings__response {
  background: #f0f0f0;
}

html[data-theme="dark"] .paper-cs__findings .research-findings__response-label {
  color: rgba(43, 43, 43, 0.55);
}

html[data-theme="dark"] .paper-cs__findings .research-findings__chip {
  color: #2b2b2b;
  border-color: rgba(43, 43, 43, 0.22);
}

html[data-theme="dark"] .paper-cs__carousel-btn {
  background: var(--cs-surface);
  color: var(--cs-ink);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .paper-cs__carousel-dot {
  background: #555;
}

html[data-theme="dark"] .paper-cs__carousel-dot.active {
  background: var(--cs-ink);
}

html[data-theme="dark"] .paper-cs__carousel-slide figcaption {
  color: var(--cs-muted);
}

html[data-theme="dark"] .paper-cs__charts .chart-card,
html[data-theme="dark"] .paper-cs__charts .globe-card {
  background: var(--cs-frame);
}

html[data-theme="dark"] .globe-outline {
  stroke: #3a3a3a;
  fill: #1a1a1a;
}

html[data-theme="dark"] .globe-latitude,
html[data-theme="dark"] .globe-longitude {
  stroke: #2e2e2e;
}

html[data-theme="dark"] .globe-land {
  fill: #2c2c2c;
}

html[data-theme="dark"] .globe-label {
  fill: var(--cs-muted);
}

html[data-theme="dark"] .globe-leader {
  stroke: #444;
}