/* Case study pages: header cluster + light theme (loaded after page inline styles). */

/* Override inline :root vars when light theme is active */
[data-theme="light"] {
  --bg:   #ffffff;
  --line: rgba(0, 0, 0, .08);
  --text: rgba(10, 10, 10, .82);
  --mute: rgba(10, 10, 10, .48);
}

[data-theme="light"] body {
  background: #ffffff;
  color: rgba(10, 10, 10, .82);
}

[data-theme="light"] .cs-title,
[data-theme="light"] .cs-h2,
[data-theme="light"] .stat__n,
[data-theme="light"] .poll-pct {
  color: #0a0a0a;
}

[data-theme="light"] .cs-lede {
  color: rgba(10, 10, 10, 0.68);
}

[data-theme="light"] .cs-p,
[data-theme="light"] .poll-text,
[data-theme="light"] .cs-pull {
  color: rgba(10, 10, 10, 0.72);
}

[data-theme="light"] .cs-eyebrow,
[data-theme="light"] .cs-meta__label,
[data-theme="light"] .cs-h3,
[data-theme="light"] .stat__l,
[data-theme="light"] .poll__lede,
[data-theme="light"] .gi__cap {
  color: rgba(10, 10, 10, 0.48);
}

[data-theme="light"] .cs-meta__val {
  color: rgba(10, 10, 10, 0.88);
}

[data-theme="light"] .poll__title {
  color: rgba(10, 10, 10, 0.82);
}

[data-theme="light"] .cs-cover {
  border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .brand-logo-wrap {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .gi__frame {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .gi__frame img {
  background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .carousel-track::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .carousel-track::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
}

[data-theme="light"] .carousel-btn {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: #111;
}

[data-theme="light"] .carousel-btn:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .gphone::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
}