/* ============================================================
   Light theme — Day Mode (warm beige + mid-blue healthcare UX)
   Additive only. Dark mode styles are untouched.
   Activated via html[data-theme="light"]

   Palette:
     --bg-primary / --bg-surface / --bg-subtle
     --accent-primary (#2563EB) + --accent-secondary (#10B981)
     --text-primary / --text-secondary / --text-muted / --border
   ============================================================ */

/* ---------- Theme toggle ---------- */
.theme-toggle {
  display: inline-flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.theme-toggle:hover {
  border-color: rgba(37, 99, 235, 0.45);
  background: rgba(37, 99, 235, 0.1);
  color: #fff;
}

.theme-toggle:focus {
  outline: none;
}

.theme-toggle:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.7);
  outline-offset: 2px;
}

.theme-toggle-sun,
.theme-toggle-moon {
  width: 1.25rem;
  height: 1.25rem;
}

.theme-toggle-moon {
  display: none;
}

.theme-toggle-sun {
  display: block;
}

[data-theme="light"] .theme-toggle-sun {
  display: none;
}

[data-theme="light"] .theme-toggle-moon {
  display: block;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Pin mobile menu toggle; desktop nav sits on the right. */
@media (min-width: 768px) {
  .site-header .header-actions {
    display: none;
  }

  .site-header .site-nav {
    margin-left: auto;
  }
}

/* ---------- Base ----------
   Day Mode (warm beige + mid-blue healthcare UX)
   Surfaces: --bg-primary / --bg-surface / --bg-subtle
   Accent:   --accent-primary (#2563EB) + --accent-secondary (#10B981)
   Text:     --text-primary / --text-secondary / --text-muted
   ---------- */
[data-theme="light"] {
  color-scheme: light;
  --bg-primary: #FAF7F2;
  --bg-surface: #F0EDE4;
  --bg-subtle: #EDE8D0;
  --accent-primary: #2563EB;
  --accent-primary-hover: #1E40AF;
  --accent-secondary: #10B981;
  --text-primary: #1F2937;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --border: #E2E8F0;
  --alert-amber: #F59E0B;
  --success-green: #10B981;
  --lab-page: var(--bg-primary);
  --lab-surface: var(--bg-surface);
  --lab-ink: var(--text-primary);
  --lab-accent: var(--accent-primary);
  --lab-accent-dark: var(--accent-primary-hover);
  --lab-accent-rgb: 37, 99, 235;
}

[data-theme="light"] html,
html[data-theme="light"] {
  background-color: var(--bg-primary);
  color-scheme: light;
}

html[data-theme="light"] body {
  background-color: var(--bg-primary);
  background-image:
    radial-gradient(ellipse 80% 48% at 8% 0%, rgba(237, 232, 208, 0.42), transparent 58%),
    radial-gradient(ellipse 65% 42% at 94% 100%, rgba(37, 99, 235, 0.05), transparent 55%),
    linear-gradient(180deg, #FAF7F2 0%, #F0EDE4 52%, #FAF7F2 100%);
  background-attachment: fixed;
  color: var(--text-primary);
}

html[data-theme="light"] #main {
  border-color: var(--border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(226, 232, 240, 0.75),
    0 0 0 1px rgba(31, 41, 55, 0.04),
    0 16px 48px rgba(31, 41, 55, 0.07);
  background-color: rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] ::selection,
html[data-theme="light"] ::-moz-selection {
  background-color: rgba(37, 99, 235, 0.18);
}

/* ---------- Tailwind utility remaps used in HTML ---------- */
html[data-theme="light"] .text-white {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

/* Remap white-opacity utilities to readable dark navy (WCAG-friendly on light) */
html[data-theme="light"] .text-white\/35 { color: rgb(31 41 55 / 0.62); }
html[data-theme="light"] .text-white\/40 { color: rgb(31 41 55 / 0.66); }
html[data-theme="light"] .text-white\/45 { color: rgb(31 41 55 / 0.7); }
html[data-theme="light"] .text-white\/50 { color: rgb(31 41 55 / 0.74); }
html[data-theme="light"] .text-white\/55 { color: rgb(31 41 55 / 0.78); }
html[data-theme="light"] .text-white\/60 { color: rgb(31 41 55 / 0.82); }
html[data-theme="light"] .text-white\/65 { color: rgb(31 41 55 / 0.86); }
html[data-theme="light"] .text-white\/70 { color: rgb(31 41 55 / 0.88); }
html[data-theme="light"] .text-white\/80 { color: rgb(31 41 55 / 0.92); }
html[data-theme="light"] .text-white\/85 { color: rgb(31 41 55 / 0.94); }
html[data-theme="light"] .text-white\/90 { color: rgb(31 41 55 / 0.96); }

html[data-theme="light"] .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

html[data-theme="light"] .border-white\/10 { border-color: rgb(31 41 55 / 0.1); }
html[data-theme="light"] .border-white\/15 { border-color: rgb(31 41 55 / 0.14); }
html[data-theme="light"] .border-white\/20 { border-color: rgb(31 41 55 / 0.18); }

html[data-theme="light"] .bg-white\/35 { background-color: rgb(31 41 55 / 0.08); }
html[data-theme="light"] .bg-white\/\[0\.04\] { background-color: rgb(31 41 55 / 0.04); }
html[data-theme="light"] .bg-white\/\[0\.06\] { background-color: rgb(31 41 55 / 0.06); }

/* Accents: deepen sky/teal for contrast on light surfaces */
html[data-theme="light"] .text-sky-accent,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .metrics-value,
html[data-theme="light"] .resume-meta,
html[data-theme="light"] .case-nav-num,
html[data-theme="light"] .case-step-num,
html[data-theme="light"] .section-icon {
  --tw-text-opacity: 1;
  color: rgb(30 90 168 / var(--tw-text-opacity, 1));
}

html[data-theme="light"] .text-teal-accent,
html[data-theme="light"] .status-pill,
html[data-theme="light"] .case-bullet-mark,
html[data-theme="light"] .case-hmw-label {
  --tw-text-opacity: 1;
  color: rgb(30 90 168 / var(--tw-text-opacity, 1));
}

html[data-theme="light"] a.text-teal-accent:hover,
html[data-theme="light"] a.text-sky-accent:hover {
  color: var(--accent-primary-hover);
  text-decoration: underline;
  text-decoration-color: rgba(30, 64, 175, 0.35);
}

html[data-theme="light"] .project-list-card:hover .text-teal-accent,
html[data-theme="light"] .work-card:hover .text-teal-accent,
html[data-theme="light"] details:hover > summary .text-teal-accent,
html[data-theme="light"] details > summary:hover .text-teal-accent {
  color: var(--accent-primary-hover);
  text-decoration: underline;
  text-decoration-color: rgba(30, 64, 175, 0.35);
}

html[data-theme="light"] .project-list-card:hover .text-white\/55 {
  color: rgb(31 41 55 / 0.65);
}

html[data-theme="light"] .project-list-card__caption {
  color: rgb(31 41 55 / 0.62);
}

html[data-theme="light"] a.site-logo:hover {
  color: rgb(31 41 55 / 0.75);
}

html[data-theme="light"] .text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

/* ---------- Theme toggle (light) ---------- */
html[data-theme="light"] .theme-toggle {
  border-color: rgba(31, 41, 55, 0.14);
  background: rgba(31, 41, 55, 0.04);
  color: #1F2937;
}

html[data-theme="light"] .theme-toggle:hover {
  border-color: rgba(37, 99, 235, 0.45);
  background: rgba(37, 99, 235, 0.08);
  color: #1E40AF;
}

html[data-theme="light"] .theme-toggle:focus-visible {
  outline-color: rgba(37, 99, 235, 0.55);
}

/* ---------- Typography components ---------- */
html[data-theme="light"] .h-display,
html[data-theme="light"] .h-statement,
html[data-theme="light"] .card-title,
html[data-theme="light"] .work-card-title,
html[data-theme="light"] .approach-title,
html[data-theme="light"] .testimonial-quote,
html[data-theme="light"] .resume-section-title,
html[data-theme="light"] .resume-role,
html[data-theme="light"] .case-section-title,
html[data-theme="light"] .case-subtitle,
html[data-theme="light"] .case-hmw-text,
html[data-theme="light"] .case-nav-toggle-current {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

html[data-theme="light"] .lead {
  color: rgb(31 41 55 / 0.9);
}

html[data-theme="light"] .prose-body {
  color: rgb(71 85 105 / 0.92);
}

html[data-theme="light"] .work-card-outcome,
html[data-theme="light"] .skill-card-body,
html[data-theme="light"] .approach-body,
html[data-theme="light"] .testimonial-attr,
html[data-theme="light"] .metrics-label,
html[data-theme="light"] .case-meta {
  color: rgb(71 85 105 / 0.82);
}

/* ---------- Nav ---------- */
html[data-theme="light"] .nav-link {
  border-color: rgba(31, 41, 55, 0.14);
  color: rgba(31, 41, 55, 0.82);
}

html[data-theme="light"] .nav-link:hover {
  border-color: rgba(37, 99, 235, 0.4);
  background-color: rgba(37, 99, 235, 0.08);
  color: #1F2937;
}

html[data-theme="light"] .nav-link-active {
  border-color: rgba(37, 99, 235, 0.5);
  background-color: rgba(37, 99, 235, 0.12);
  color: #1E40AF;
}

html[data-theme="light"] .nav-link-active:hover {
  border-color: rgba(37, 99, 235, 0.65);
  background-color: rgba(37, 99, 235, 0.16);
  color: #1E40AF;
}

html[data-theme="light"] .nav-toggle {
  color: #1F2937;
}

@media (max-width: 767.98px) {
  html[data-theme="light"] .site-header.is-nav-open .site-nav {
    background-color: #F0EDE4;
  }

  html[data-theme="light"] .site-nav .nav-link,
  html[data-theme="light"] .site-nav .nav-link:hover {
    border-width: 0;
    border-color: transparent;
    background-color: transparent;
  }

  html[data-theme="light"] .site-nav .nav-link {
    color: rgba(31, 41, 55, 0.8);
  }

  html[data-theme="light"] .site-nav .nav-link:hover {
    color: #1F2937;
  }

  html[data-theme="light"] .site-nav .nav-link-active,
  html[data-theme="light"] .site-nav .nav-link-active:hover {
    border-width: 0;
    border-color: transparent;
    background-color: transparent;
    color: #2563EB;
  }
}

/* ---------- Buttons ---------- */
html[data-theme="light"] .btn-outline {
  border-color: rgba(37, 99, 235, 0.32);
  color: var(--accent-primary);
  background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .btn-outline:hover {
  background-color: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--accent-primary-hover);
}

html[data-theme="light"] .btn-primary {
  background-color: var(--accent-primary);
  color: #FFFFFF;
}

html[data-theme="light"] .btn-primary:hover {
  background-color: var(--accent-primary-hover);
}

/* Primary blue CTA — polished healthcare accent */
html[data-theme="light"] .btn-cta {
  background-image: linear-gradient(
    125deg,
    #3B82F6 0%,
    #2563EB 52%,
    #1E40AF 100%
  );
  color: #FFFFFF;
  border: 1px solid rgba(30, 64, 175, 0.35);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 8px 22px rgba(37, 99, 235, 0.22);
}

html[data-theme="light"] .btn-cta:hover {
  opacity: 1;
  background-image: linear-gradient(
    125deg,
    #60A5FA 0%,
    #2563EB 48%,
    #1E3A8A 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 10px 24px rgba(37, 99, 235, 0.18);
}

/* ---------- Cards / surfaces ---------- */
html[data-theme="light"] .card,
html[data-theme="light"] .work-card,
html[data-theme="light"] .testimonial,
html[data-theme="light"] .resume-section,
html[data-theme="light"] .nested-card {
  border-color: var(--border);
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 1px 2px rgba(31, 41, 55, 0.04);
}

html[data-theme="light"] .work-card:hover {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.05);
}

html[data-theme="light"] .work-card-media {
  border-bottom-color: var(--border);
}

html[data-theme="light"] .work-card-tags li {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: #FAF8F4;
  color: #334155;
}

html[data-theme="light"] .metrics-strip {
  border-color: var(--border);
  background-color: var(--bg-surface);
}

html[data-theme="light"] .metrics-item {
  background-color: #ffffff;
}

html[data-theme="light"] .metrics-tip-btn {
  border-color: rgba(31, 41, 55, 0.16);
  background-color: rgba(31, 41, 55, 0.04);
  color: rgba(37, 99, 235, 0.85);
}

html[data-theme="light"] .metrics-tip-btn:hover,
html[data-theme="light"] .metrics-tip-btn:focus-visible,
html[data-theme="light"] .metrics-tip-btn[aria-expanded="true"] {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.08);
  color: #1e40af;
}

html[data-theme="light"] .metrics-tip {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: #ffffff;
  box-shadow: 0 10px 28px rgba(31, 41, 55, 0.12);
  color: rgba(31, 41, 55, 0.88);
}

html[data-theme="light"] .metrics-tip::before {
  border-left-color: rgba(31, 41, 55, 0.12);
  border-top-color: rgba(31, 41, 55, 0.12);
  background-color: #ffffff;
}

/* Project + About graphics — same SVGs, Day Mode prominence
   Cyan/violet strokes were tuned for dark; boost contrast + blue glow on beige */
html[data-theme="light"] .card-icon,
html[data-theme="light"] .feature-icon,
html[data-theme="light"] .about-feature-icon {
  border-radius: 1.5rem;
  background:
    radial-gradient(ellipse 72% 68% at 38% 32%, rgba(37, 99, 235, 0.16), transparent 62%),
    radial-gradient(ellipse 58% 52% at 78% 72%, rgba(16, 185, 129, 0.1), transparent 58%),
    linear-gradient(165deg, #FFFFFF 0%, var(--bg-surface) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 1px rgba(37, 99, 235, 0.08),
    0 8px 22px rgba(37, 99, 235, 0.07),
    0 2px 8px rgba(31, 41, 55, 0.04);
  filter:
    saturate(1.55)
    contrast(1.22)
    brightness(0.9)
    hue-rotate(12deg)
    drop-shadow(0 1px 4px rgba(37, 99, 235, 0.1));
  transition: filter 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

html[data-theme="light"] a.card:hover .card-icon {
  filter:
    saturate(1.7)
    contrast(1.28)
    brightness(0.88)
    hue-rotate(14deg)
    drop-shadow(0 2px 8px rgba(37, 99, 235, 0.14));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 1px rgba(37, 99, 235, 0.14),
    0 10px 28px rgba(37, 99, 235, 0.1),
    0 3px 10px rgba(31, 41, 55, 0.05);
}

/* About page pulse dividers — filter only (no well) so they stay thin accents */
html[data-theme="light"] img[src*="decorative-heartbeat-pulse-line-divider"] {
  opacity: 1;
  filter:
    saturate(1.45)
    contrast(1.18)
    brightness(0.92)
    hue-rotate(10deg);
}

html[data-theme="light"] .skill-card {
  border-color: color-mix(in srgb, var(--skill-accent) 26%, #dce3ed);
  background:
    radial-gradient(110% 80% at 0% 0%, var(--skill-tint) 0%, transparent 55%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 248, 244, 0.94) 100%);
  box-shadow: 0 1px 2px rgba(19, 35, 57, 0.04), 0 8px 22px rgba(19, 35, 57, 0.05);
}

html[data-theme="light"] .skill-card:nth-child(1) {
  --skill-accent: #2563eb;
  --skill-accent-2: #0ea5e9;
  --skill-tint: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .skill-card:nth-child(2) {
  --skill-accent: #0d9488;
  --skill-accent-2: #14b8a6;
  --skill-tint: rgba(13, 148, 136, 0.1);
}

html[data-theme="light"] .skill-card:nth-child(3) {
  --skill-accent: #7c3aed;
  --skill-accent-2: #db2777;
  --skill-tint: rgba(124, 58, 237, 0.09);
}

html[data-theme="light"] .skill-card-icon-wrap {
  border-color: color-mix(in srgb, var(--skill-accent) 26%, transparent);
  background:
    radial-gradient(90% 90% at 30% 20%, color-mix(in srgb, var(--skill-accent) 16%, white) 0%, transparent 62%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 246, 251, 0.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 6px 16px color-mix(in srgb, var(--skill-accent) 12%, transparent);
  color: var(--skill-accent);
}

html[data-theme="light"] .skill-icon-glow {
  fill: color-mix(in srgb, var(--skill-accent) 10%, transparent);
}

html[data-theme="light"] .skill-icon-soft {
  fill: color-mix(in srgb, var(--skill-accent) 14%, transparent);
}

html[data-theme="light"] .skill-icon-stroke {
  stroke: var(--skill-accent);
}

html[data-theme="light"] .skill-icon-accent {
  stroke: var(--skill-accent-2);
}

html[data-theme="light"] .skill-icon-accent-fill {
  fill: var(--skill-accent-2);
}

html[data-theme="light"] .skill-icon-on-accent {
  stroke: #f0ede4;
}

html[data-theme="light"] .approach-item {
  border-top-color: color-mix(in srgb, var(--approach-accent) 38%, transparent);
}

html[data-theme="light"] .approach-item:nth-child(1) {
  --approach-accent: #2563eb;
}

html[data-theme="light"] .approach-item:nth-child(2) {
  --approach-accent: #0891b2;
}

html[data-theme="light"] .approach-item:nth-child(3) {
  --approach-accent: #0284c7;
}

html[data-theme="light"] .approach-item:nth-child(4) {
  --approach-accent: #0d9488;
}

html[data-theme="light"] .approach-item:nth-child(even) {
  border-left-color: rgba(19, 35, 57, 0.06);
}

html[data-theme="light"] .approach-num {
  color: color-mix(in srgb, var(--approach-accent) 58%, transparent);
}

html[data-theme="light"] #expertise .skill-card:hover {
  border-color: color-mix(in srgb, var(--skill-accent) 26%, #dce3ed);
  box-shadow: 0 1px 2px rgba(19, 35, 57, 0.04), 0 8px 22px rgba(19, 35, 57, 0.05);
}

html[data-theme="light"] #expertise .skill-card:hover .skill-card-icon-wrap {
  border-color: color-mix(in srgb, var(--skill-accent) 26%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 6px 16px color-mix(in srgb, var(--skill-accent) 12%, transparent);
}

html[data-theme="light"] .testimonial-bar {
  background-color: #2563EB;
}

html[data-theme="light"] .testimonial-carousel__btn {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(255, 255, 255, 0.88);
  color: rgba(31, 41, 55, 0.72);
}

html[data-theme="light"] .testimonial-carousel__btn:hover {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.08);
  color: var(--accent-primary-hover);
}

html[data-theme="light"] .testimonial-carousel__dot {
  background-color: rgba(31, 41, 55, 0.2);
}

html[data-theme="light"] .testimonial-carousel__dot.is-active {
  background-color: var(--accent-primary);
}

html[data-theme="light"] .testimonial-carousel__dot:hover {
  background-color: rgba(37, 99, 235, 0.55);
}

html[data-theme="light"] .status-pill {
  background-color: rgba(37, 99, 235, 0.1);
  color: #2563EB;
}

html[data-theme="light"] .profile-photo {
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.1),
    0 0 24px rgba(37, 99, 235, 0.12),
    0 16px 36px rgba(31, 41, 55, 0.12);
}

html[data-theme="light"] .about-beyond-thumb {
  border-color: rgba(31, 41, 55, 0.12);
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.08),
    0 14px 32px rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .about-beyond-thumb:hover,
html[data-theme="light"] .about-beyond-thumb:focus-visible {
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.14),
    0 16px 36px rgba(31, 41, 55, 0.14);
}

html[data-theme="light"] .hero-portrait-caption {
  color: rgba(31, 41, 55, 0.62);
}

/* ---------- Footer ---------- */
html[data-theme="light"] .site-footer {
  border-top-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.45);
}

html[data-theme="light"] .footer-social {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(31, 41, 55, 0.04);
  color: rgba(31, 41, 55, 0.82);
}

html[data-theme="light"] .footer-social:hover {
  border-color: rgba(37, 99, 235, 0.35);
  color: #2563EB;
}

html[data-theme="light"] .back-to-top {
  border-color: rgba(37, 99, 235, 0.22);
  background: rgba(255, 255, 255, 0.88);
  color: var(--accent-primary);
  box-shadow:
    0 1px 2px rgba(31, 41, 55, 0.05),
    0 8px 20px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .back-to-top:hover {
  border-color: rgba(37, 99, 235, 0.4);
  background: #ffffff;
  color: var(--accent-primary-hover);
}

html[data-theme="light"] .back-to-top:focus-visible {
  outline-color: rgba(37, 99, 235, 0.65);
}

/* LinkedIn monogram: blue outline in light mode (keeps dark-mode stroke weight) */
html[data-theme="light"] .icon-linkedin {
  color: #2563EB;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
}

html[data-theme="light"] .nav-link .icon-linkedin {
  color: #2563EB;
}

html[data-theme="light"] .nav-link:hover .icon-linkedin {
  color: #2563EB;
}

html[data-theme="light"] .footer-social .icon-linkedin {
  color: #2563EB;
}

html[data-theme="light"] .footer-social:hover .icon-linkedin {
  color: #2563EB;
}

html[data-theme="light"] .nav-linkedin-badge {
  background-color: rgba(37, 99, 235, 0.12);
  color: #2563EB;
}

/* ---------- Case study chrome ---------- */
/* Subtle section separators on beige (dark-mode white hairline is invisible in light) */
html[data-theme="light"] .case-layout--top .case-section {
  border-bottom: 1px solid rgba(31, 41, 55, 0.1);
  padding-top: 2.35rem;
  padding-bottom: 2.5rem;
}

html[data-theme="light"] .case-layout--top .case-section:first-child {
  padding-top: 0.75rem;
}

html[data-theme="light"] .case-layout--top .case-section:last-child {
  border-bottom: 0;
  padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  html[data-theme="light"] .case-layout--top .case-section {
    padding-top: 3rem;
    padding-bottom: 3.15rem;
  }

  html[data-theme="light"] .case-layout--top .case-section:first-child {
    padding-top: 0.85rem;
  }
}

html[data-theme="light"] .case-nav {
  border-bottom-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(247, 249, 252, 0.97);
}

/* Sidebar TOC stays open on the page; no frosted bar needed */
@media (min-width: 1024px) {
  html[data-theme="light"] .case-nav:not(.case-nav--top) {
    background-color: transparent;
  }
}

html[data-theme="light"] .case-nav-toggle-kicker,
html[data-theme="light"] .case-nav-toggle-chevron {
  color: rgba(31, 41, 55, 0.5);
}

html[data-theme="light"] .case-nav-panel {
  border-bottom-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(247, 249, 252, 0.98);
  box-shadow: 0 16px 40px rgba(31, 41, 55, 0.12);
}

@media (min-width: 1024px) {
  html[data-theme="light"] .case-nav:not(.case-nav--top) .case-nav-panel {
    background-color: transparent;
    box-shadow: none;
  }
}

html[data-theme="light"] .case-nav-link {
  color: rgba(31, 41, 55, 0.68);
}

html[data-theme="light"] .case-nav-link:hover {
  background-color: rgba(31, 41, 55, 0.04);
  color: #1F2937;
}

html[data-theme="light"] .case-nav:not(.minimal-case-nav) .case-nav-link-active {
  background-color: rgba(37, 99, 235, 0.12);
  color: #1E40AF;
}

@media (min-width: 1024px) {
  html[data-theme="light"] .case-nav:not(.case-nav--top):not(.minimal-case-nav) .case-nav-link:hover {
    background-color: rgba(37, 99, 235, 0.06);
  }

  html[data-theme="light"] .case-nav:not(.case-nav--top):not(.minimal-case-nav) .case-nav-link-active {
    background-color: rgba(37, 99, 235, 0.12);
    border-left-color: #2563EB;
    color: #1E40AF;
  }
}

html[data-theme="light"] .case-hmw {
  border-color: rgba(37, 99, 235, 0.28);
  background-color: rgba(37, 99, 235, 0.07);
}

html[data-theme="light"] .case-hmw--featured {
  border-color: rgba(37, 99, 235, 0.34);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(37, 99, 235, 0.12), transparent 55%),
    rgba(37, 99, 235, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* Beat dark-theme cyan hard-codes from lumen-case.css / styles.css */
html[data-theme="light"] .case-nav--top .case-nav-link-active {
  background-color: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.32);
  color: #1E40AF;
}

@media (min-width: 1024px) {
  html[data-theme="light"] .case-nav--top .case-nav-link-active {
    background: rgba(37, 99, 235, 0.14);
    border-color: rgba(37, 99, 235, 0.36);
    color: #1E40AF;
  }
}

/* Lumen outcomes grid — dark-mode whites are hard-coded in lumen-case.css */
html[data-theme="light"] .case-outcome-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

html[data-theme="light"] .case-outcome-title {
  color: #1F2937;
}

html[data-theme="light"] .case-outcome-body {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .case-impact-note {
  border-left-color: rgba(37, 99, 235, 0.45);
  background: rgba(37, 99, 235, 0.06);
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .case-impact-note strong {
  color: #1F2937;
}

html[data-theme="light"] .case-finding-block {
  border-color: rgba(31, 41, 55, 0.12);
  border-left-color: rgba(37, 99, 235, 0.45);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

html[data-theme="light"] .case-block-label {
  color: #2563EB;
}

html[data-theme="light"] .lumen-reflect-list > li {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(165deg, rgba(37, 99, 235, 0.07), transparent 55%),
    rgba(15, 23, 42, 0.025);
}

html[data-theme="light"] .lumen-reflect-num {
  color: rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .lumen-reflect-lead {
  color: #0f172a;
}

html[data-theme="light"] .lumen-reflect-body {
  color: rgba(15, 23, 42, 0.62);
}

html[data-theme="light"] .lumen-reflect-close {
  border-left-color: rgba(37, 99, 235, 0.55);
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.08), transparent 70%),
    rgba(15, 23, 42, 0.03);
  color: rgba(15, 23, 42, 0.9);
}

html[data-theme="light"] .lumen-reflect-close-label {
  color: #2563eb;
}

html[data-theme="light"] .lumen-findings-list {
  border-top-color: rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .lumen-findings-list > li {
  border-bottom-color: rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .lumen-findings-num {
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
}

html[data-theme="light"] .lumen-findings-lead {
  color: #0f172a;
}

html[data-theme="light"] .lumen-findings-body {
  color: rgba(15, 23, 42, 0.68);
}

html[data-theme="light"] .lumen-findings-response {
  border-left-color: rgba(37, 99, 235, 0.55);
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.07), transparent 72%);
}

html[data-theme="light"] .lumen-findings-response-label {
  color: #2563eb;
}

html[data-theme="light"] .lumen-findings-response-lead,
html[data-theme="light"] .lumen-findings-response-list > li {
  color: rgba(15, 23, 42, 0.78);
}

html[data-theme="light"] .lumen-findings-response-list > li::before {
  background: rgba(37, 99, 235, 0.85);
}

html[data-theme="light"] .lumen-findings-response-close {
  color: rgba(15, 23, 42, 0.88);
}

html[data-theme="light"] .lumen-findings-scope {
  border-top-color: rgba(37, 99, 235, 0.28);
}

html[data-theme="light"] .lumen-findings-scope-label {
  color: #2563eb;
}

html[data-theme="light"] .lumen-findings-scope-text {
  color: rgba(15, 23, 42, 0.68);
}

html[data-theme="light"] .iteration-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

html[data-theme="light"] .iteration-card-title {
  color: #1F2937;
}

html[data-theme="light"] .iteration-source {
  color: rgba(71, 85, 105, 0.62);
}

html[data-theme="light"] .iteration-priority--high,
html[data-theme="light"] .iteration-priority--p0 {
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(37, 99, 235, 0.14);
  color: #1E40AF;
}

html[data-theme="light"] .iteration-priority--medium,
html[data-theme="light"] .iteration-priority--p1 {
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.08);
  color: #2563EB;
}

html[data-theme="light"] .iteration-priority--polish {
  border-color: rgba(31, 41, 55, 0.16);
  background: rgba(31, 41, 55, 0.05);
  color: rgba(31, 41, 55, 0.7);
}

html[data-theme="light"] .iteration-col {
  border-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .iteration-col--before {
  background: rgba(31, 41, 55, 0.03);
}

html[data-theme="light"] .iteration-col--after {
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.07);
}

html[data-theme="light"] .iteration-kicker {
  color: rgba(31, 41, 55, 0.55);
}

html[data-theme="light"] .iteration-col--after .iteration-kicker {
  color: #2563EB;
}

html[data-theme="light"] .iteration-body {
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .iteration-arrow {
  color: #2563EB;
}

html[data-theme="light"] .decision-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

html[data-theme="light"] .decision-card-title {
  color: #1F2937;
}

html[data-theme="light"] .decision-col {
  border-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .decision-col--decision {
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .decision-col--rationale {
  background: rgba(31, 41, 55, 0.03);
}

html[data-theme="light"] .decision-kicker {
  color: rgba(31, 41, 55, 0.55);
}

html[data-theme="light"] .decision-col--decision .decision-kicker {
  color: #2563EB;
}

html[data-theme="light"] .decision-body {
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .decision-code {
  color: #1E40AF;
}

html[data-theme="light"] .decision-swatch {
  border-color: rgba(31, 41, 55, 0.2);
}

html[data-theme="light"] .prototype-toggle {
  border-color: rgba(31, 41, 55, 0.14);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(31, 41, 55, 0.72);
}

html[data-theme="light"] .prototype-toggle:hover {
  border-color: rgba(37, 99, 235, 0.35);
  color: #1F2937;
}

html[data-theme="light"] .prototype-toggle.is-active {
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(37, 99, 235, 0.12);
  color: #2563EB;
}

html[data-theme="light"] .prototype-launch-note {
  color: rgba(71, 85, 105, 0.68);
}

html[data-theme="light"] .pc-proto-thumb {
  border-color: rgba(15, 23, 42, 0.1);
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .pc-proto-thumb:hover {
  border-color: rgba(14, 116, 144, 0.35);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .prototype-embed-frame {
  border-color: rgba(31, 41, 55, 0.14);
  background: #fff;
  box-shadow: 0 14px 36px rgba(31, 41, 55, 0.1);
}

/* ---------- Process / insight / diagram chrome ---------- */
html[data-theme="light"] .process-step {
  border-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .process-step-title {
  color: #1F2937;
}

html[data-theme="light"] .process-step-num {
  border-color: rgba(37, 99, 235, 0.32);
  background-color: rgba(37, 99, 235, 0.1);
  color: #2563EB;
}

html[data-theme="light"] .process-step-icon {
  color: #2563EB;
  padding: 0.55rem;
  border-radius: 0.85rem;
  background-color: rgba(37, 99, 235, 0.1);
  box-sizing: content-box;
}

html[data-theme="light"] .process-step--link:hover .process-step-icon,
html[data-theme="light"] .process-step.is-current .process-step-icon {
  color: #1E40AF;
  background-color: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .process-step--link:hover,
html[data-theme="light"] .process-step.is-current {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.05);
}

html[data-theme="light"] .diagram-expand-btn {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(255, 255, 255, 0.85);
  color: #1F2937;
}

html[data-theme="light"] .diagram-expand-btn:hover {
  border-color: rgba(37, 99, 235, 0.4);
  background-color: #fff;
}

html[data-theme="light"] .diagram-zoom-viewport {
  border-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .wireframe-lightbox {
  background-color: var(--bg-primary);
}

html[data-theme="light"] .wireframe-lightbox-backdrop {
  background-color: var(--bg-primary);
}

html[data-theme="light"] .wireframe-lightbox-dialog {
  background-color: var(--bg-primary);
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .wireframe-lightbox-body {
  background-color: var(--bg-primary);
}

html[data-theme="light"] .wireframe-lightbox-header,
html[data-theme="light"] .wireframe-lightbox-close {
  color: #1F2937;
}

html[data-theme="light"] .wireframe-lightbox-close:hover {
  background-color: rgba(31, 41, 55, 0.08);
  color: #111827;
}

html[data-theme="light"] .wireframe-lightbox-body img {
  border: 1px solid rgba(31, 41, 55, 0.18);
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
  /* Avoid soft upscaling past the asset’s native detail */
  max-height: min(90dvh, 1400px);
}

html[data-theme="light"] .wireframe-lightbox-body--diagram-zoom img {
  max-width: 100%;
  max-height: calc(100dvh - 5.5rem);
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0.75rem;
  background: transparent;
  box-shadow: none;
}

html[data-theme="light"] .wireframe-lightbox-body--diagram-zoom .diagram-zoom-viewport.is-zoomed img {
  max-width: none;
  max-height: none;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-theme="light"] .wireframe-lightbox-body--diagram-zoom .diagram-zoom-viewport--lightbox {
  background-color: var(--bg-primary);
}

html[data-theme="light"] .wireframe-lightbox--diagram .wireframe-lightbox-close {
  display: none;
}

html[data-theme="light"] .wireframe-lightbox--diagram .wireframe-lightbox-exit {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(18, 32, 56, 0.16);
  color: #122038;
  box-shadow: 0 8px 28px rgba(18, 32, 56, 0.18);
}

html[data-theme="light"] .wireframe-lightbox-exit-x {
  background: rgba(15, 118, 110, 0.14);
  color: #0f766e;
}

html[data-theme="light"] #lightbox-caption {
  color: rgba(31, 41, 55, 0.6);
}

/* ---------- Contact / forms (utility + component) ---------- */
html[data-theme="light"] #contact-form input[type="text"],
html[data-theme="light"] #contact-form input[type="email"],
html[data-theme="light"] #contact-form textarea {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(255, 255, 255, 0.9);
  color: #1F2937;
}

html[data-theme="light"] #contact-form input:focus,
html[data-theme="light"] #contact-form textarea:focus {
  border-color: rgba(37, 99, 235, 0.65);
  background-color: #ffffff;
}

html[data-theme="light"] #contact-form input::placeholder,
html[data-theme="light"] #contact-form textarea::placeholder,
html[data-theme="light"] .placeholder\:text-white\/35::placeholder {
  color: rgba(31, 41, 55, 0.38);
}

html[data-theme="light"] .focus\:bg-white\/\[0\.06\]:focus {
  background-color: #ffffff;
}

html[data-theme="light"] .focus\:border-teal-accent\/70:focus {
  border-color: rgba(37, 99, 235, 0.65);
}

/* ---------- Lumen / Path Compass heroes ---------- */
html[data-theme="light"] .case-hero::before,
html[data-theme="light"] .tt-hero::before {
  background:
    radial-gradient(ellipse 80% 70% at 12% 20%, rgba(37, 99, 235, 0.1), transparent 55%),
    radial-gradient(ellipse 70% 60% at 88% 30%, rgba(37, 99, 235, 0.07), transparent 50%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(37, 99, 235, 0.05), transparent 45%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 45%, transparent 100%);
  border-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .case-hero-tagline,
html[data-theme="light"] .tt-hero-tagline {
  color: rgba(31, 41, 55, 0.85);
}

html[data-theme="light"] .tt-hero-badge,
html[data-theme="light"] .case-hero-badge {
  color: #475569;
}

html[data-theme="light"] .case-hero-visual {
  border-color: rgba(15, 23, 42, 0.1);
  background: #fff;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 12px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .case-hero-visual--contain {
  background: #f8fafc;
}

html[data-theme="light"] .case-hero-visual-shot--ui {
  background: #f8fafc;
}

html[data-theme="light"] .tt-hero-eval-mark {
  color: var(--accent-primary);
}

html[data-theme="light"] .tt-hero-subtitle,
html[data-theme="light"] .case-hero-subtitle {
  color: #334155;
}

html[data-theme="light"] .tt-disclaimer,
html[data-theme="light"] .case-disclaimer {
  border-left-color: rgba(14, 116, 144, 0.55);
  background: rgba(14, 116, 144, 0.08);
  color: #1e293b;
}

/* Sticky top TOC: opaque surface + above all case content while scrolling */
html[data-theme="light"] .case-nav--top {
  z-index: 60;
  border-bottom-color: rgba(31, 41, 55, 0.12);
  background: #F0EDE4;
  background-color: #F0EDE4;
  box-shadow: 0 8px 28px rgba(31, 41, 55, 0.1);
}

@media (min-width: 1024px) {
  html[data-theme="light"] .case-nav--top {
    z-index: 60;
    border: 1px solid rgba(31, 41, 55, 0.14);
    background: #F0EDE4;
    background-color: #F0EDE4;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 10px 32px rgba(31, 41, 55, 0.12);
  }

  html[data-theme="light"] .case-nav--top .case-nav-panel {
    background: transparent;
    box-shadow: none;
  }

  html[data-theme="light"] .case-nav--top .case-nav-link {
    color: rgba(31, 41, 55, 0.84);
  }

  html[data-theme="light"] .case-nav--top .case-nav-link:hover {
    background-color: rgba(31, 41, 55, 0.06);
    color: #1F2937;
  }

  html[data-theme="light"] .case-nav--top .case-nav-link-active {
    background: rgba(37, 99, 235, 0.14);
    border-color: rgba(37, 99, 235, 0.36);
    color: #2563EB;
  }
}

/* ---------- Path Compass / TraumaTrack dark chrome ---------- */
html[data-theme="light"] .tt-benchmark-shortlist,
html[data-theme="light"] .tt-pillar,
html[data-theme="light"] .tt-key-card,
html[data-theme="light"] .tt-eval-card,
html[data-theme="light"] .tt-process-phase,
html[data-theme="light"] .tt-benchmark-cluster,
html[data-theme="light"] .tt-benchmark-wedge,
html[data-theme="light"] .tt-benchmark-pattern,
html[data-theme="light"] .tt-feature-banner,
html[data-theme="light"] .tt-validation-finding {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: none;
  color: #1F2937;
}

html[data-theme="light"] .tt-pillar-icon-wrap {
  border-color: rgba(14, 116, 144, 0.2);
  background:
    radial-gradient(circle at 35% 28%, rgba(37, 99, 235, 0.1), transparent 62%),
    linear-gradient(155deg, rgba(14, 116, 144, 0.1), rgba(99, 102, 241, 0.05));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 4px 12px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .tt-feature-banner {
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%, rgba(37, 99, 235, 0.08), transparent 68%),
    rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .tt-overview-context {
  border-color: rgba(31, 41, 55, 0.12);
  border-left-color: rgba(37, 99, 235, 0.55);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.06), transparent 42%),
    rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .tt-overview-kicker {
  color: #2563EB;
}

html[data-theme="light"] .tt-overview-lede {
  color: rgba(31, 41, 55, 0.88);
}

html[data-theme="light"] .tt-overview-stat {
  border-color: rgba(31, 41, 55, 0.1);
  background: rgba(250, 247, 242, 0.9);
}

html[data-theme="light"] .tt-overview-stat-value {
  color: #2563EB;
}

html[data-theme="light"] .tt-overview-stat-label {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .tt-overview-body {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .tt-overview-close {
  border-top-color: rgba(31, 41, 55, 0.1);
  color: rgba(31, 41, 55, 0.88);
}

/* Soft light well behind the large banner graphic (replaces dark navy panel) */
html[data-theme="light"] .tt-feature-banner-visual {
  border-color: rgba(37, 99, 235, 0.22);
  background:
    radial-gradient(circle at 40% 35%, rgba(37, 99, 235, 0.1), transparent 65%),
    #F0EDE4;
}

html[data-theme="light"] .tt-feature-banner-kicker {
  color: #2563EB;
}

html[data-theme="light"] .tt-feature-banner-lede {
  color: rgba(31, 41, 55, 0.72);
}

html[data-theme="light"] .tt-benchmark-shortlist-head {
  border-bottom-color: rgba(31, 41, 55, 0.1);
  background: rgba(37, 99, 235, 0.06);
  color: #2563EB;
}

html[data-theme="light"] .tt-benchmark-item {
  border-bottom-color: rgba(31, 41, 55, 0.08);
}

html[data-theme="light"] .tt-benchmark-item:nth-child(even) {
  background: rgba(31, 41, 55, 0.025);
}

html[data-theme="light"] .tt-benchmark-item-name,
html[data-theme="light"] .tt-pillar-label,
html[data-theme="light"] .tt-key-card-title,
html[data-theme="light"] .tt-process-phase-title,
html[data-theme="light"] .tt-benchmark-cluster-title,
html[data-theme="light"] .tt-benchmark-screen-label,
html[data-theme="light"] .tt-feature-banner-lede,
html[data-theme="light"] .tt-benchmark-wedge-text,
html[data-theme="light"] .tt-benchmark-cluster strong {
  color: #1F2937;
}

html[data-theme="light"] .tt-benchmark-item-meta,
html[data-theme="light"] .tt-pillar-text,
html[data-theme="light"] .tt-key-card-body,
html[data-theme="light"] .tt-process-phase-body,
html[data-theme="light"] .tt-benchmark-cluster-body,
html[data-theme="light"] .tt-benchmark-screen-note,
html[data-theme="light"] .tt-benchmark-pattern-role,
html[data-theme="light"] .tt-eval-card-body,
html[data-theme="light"] .tt-feature-banner-kicker {
  color: rgba(71, 85, 105, 0.84);
}

html[data-theme="light"] .tt-benchmark-item-why {
  color: #334155;
}

html[data-theme="light"] .tt-benchmark-wedge-kicker {
  color: #2563EB;
}

html[data-theme="light"] .tt-benchmark-item-meta {
  border-color: rgba(31, 41, 55, 0.18);
  background: rgba(31, 41, 55, 0.06);
  color: #475569;
}

html[data-theme="light"] .tt-eval-card-num,
html[data-theme="light"] .tt-process-phase-num,
html[data-theme="light"] .tt-benchmark-cluster-num {
  color: #2563EB;
}

html[data-theme="light"] .tt-process-phase-link:hover .tt-process-phase-title {
  color: #1E40AF;
}

html[data-theme="light"] .tt-process-phase-link:hover {
  background-color: rgba(37, 99, 235, 0.06);
}

/* Keep paper-island widgets (personas / journeys) as designed;
   only soften their outer edge on light pages */
html[data-theme="light"] .tt-personas,
html[data-theme="light"] .tt-journeys {
  box-shadow: 0 12px 40px rgba(31, 41, 55, 0.08);
}

/* ---------- HR / dividers in HTML ---------- */
html[data-theme="light"] hr {
  border-color: rgba(31, 41, 55, 0.12);
}

/* ---------- Broader case-study / resume surfaces ---------- */
html[data-theme="light"] .interview-theme,
html[data-theme="light"] .insight-bridge,
html[data-theme="light"] .evidence-card,
html[data-theme="light"] .persona-card,
html[data-theme="light"] .wireframe-thumb,
html[data-theme="light"] .user-flow-figure,
html[data-theme="light"] .nested-card {
  border-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .interview-theme,
html[data-theme="light"] .insight-bridge,
html[data-theme="light"] .wireframe-thumb {
  background-color: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .lumen-toc,
html[data-theme="light"] .case-toc {
  border-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(255, 255, 255, 0.75);
}

/* Soften hard-coded dark fills used by a few components */
html[data-theme="light"] .bg-\[\#04060e\],
html[data-theme="light"] .bg-\[\#070b16\] {
  background-color: #ffffff;
}

/* Practice / path-compass chips that sit on the page chrome */
html[data-theme="light"] .tt-practice-chip {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.8);
  color: #1F2937;
}

html[data-theme="light"] .tt-practice-label {
  color: #1F2937;
}

html[data-theme="light"] .tt-practice-label strong {
  color: #2563EB;
}

html[data-theme="light"] .tt-practice-desc {
  color: rgba(71, 85, 105, 0.8);
}

html[data-theme="light"] .tt-benchmark-pattern-hit {
  color: inherit;
}

html[data-theme="light"] .tt-benchmark-pattern-media {
  border-color: rgba(31, 41, 55, 0.1);
  background: rgba(255, 255, 255, 0.9);
}

/* Acronym legend, coming-soon placeholders, status, process chrome */
html[data-theme="light"] .tt-benchmark-acronyms {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.75);
  color: rgba(71, 85, 105, 0.82);
}

html[data-theme="light"] .tt-benchmark-acronyms abbr {
  color: #2563EB;
}

html[data-theme="light"] .tt-benchmark-swipe-hint {
  border-color: rgba(15, 118, 110, 0.22);
  background: rgba(15, 118, 110, 0.08);
  color: rgba(15, 36, 48, 0.78);
}

html[data-theme="light"] .coming-soon-block {
  border-color: rgba(31, 41, 55, 0.22);
  background-color: rgba(31, 41, 55, 0.03);
}

html[data-theme="light"] .coming-soon-block p {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .pc-media-frame {
  border-color: rgba(14, 116, 144, 0.35);
  background:
    radial-gradient(ellipse 70% 60% at 15% 20%, rgba(14, 116, 144, 0.08), transparent 55%),
    radial-gradient(ellipse 50% 50% at 90% 80%, rgba(8, 145, 178, 0.05), transparent 50%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0.01));
}

html[data-theme="light"] .pc-media-label,
html[data-theme="light"] .pc-proto-kicker,
html[data-theme="light"] .pc-hifi-group-kicker {
  color: #0e7490;
}

html[data-theme="light"] .pc-media-title,
html[data-theme="light"] .pc-proto-title,
html[data-theme="light"] .pc-hifi-group-title {
  color: #0f172a;
}

html[data-theme="light"] .pc-hifi-group-head {
  border-color: rgba(31, 41, 55, 0.16);
  background: #f8f9f6;
  box-shadow: none;
}

html[data-theme="light"] .pc-hifi-group-head-accent {
  background: #0e7490;
}

html[data-theme="light"] .pc-media-note,
html[data-theme="light"] .pc-media-placeholder figcaption,
html[data-theme="light"] .pc-proto-note {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .pc-screen-caption-title {
  color: rgba(15, 23, 42, 0.92);
}

html[data-theme="light"] .pc-screen-caption-body {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .pc-screen-note {
  border-color: rgba(8, 145, 178, 0.22);
  border-left-color: rgba(8, 145, 178, 0.7);
  background:
    linear-gradient(90deg, rgba(8, 145, 178, 0.08), rgba(8, 145, 178, 0.02) 60%, transparent),
    rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] .pc-screen-note-label {
  color: #0e7490;
}

html[data-theme="light"] .pc-screen-note-text {
  color: rgba(71, 85, 105, 0.82);
}

html[data-theme="light"] .pc-hifi-screen-img,
html[data-theme="light"] .pc-wireframe-grid .wireframe-thumb-media {
  border-color: rgba(31, 41, 55, 0.18);
  background: #f0f1ea;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-lofi-img {
  border-color: rgba(31, 41, 55, 0.16);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-wireframe-grid .wireframe-thumb-media {
  border-color: rgba(31, 41, 55, 0.18);
  background: #f0f1ea;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-proto-note a {
  color: #0e7490;
}

html[data-theme="light"] .pc-proto-note a:hover {
  color: #155e75;
}

html[data-theme="light"] .pc-personas-framing-board,
html[data-theme="light"] .pc-journey-framing-board,
html[data-theme="light"] .pc-lofi-framing-board {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .pc-personas-framing-scope,
html[data-theme="light"] .pc-journey-framing-scope,
html[data-theme="light"] .pc-lofi-framing-scope {
  border-bottom-color: rgba(31, 41, 55, 0.1);
}

@media (min-width: 768px) {
  html[data-theme="light"] .pc-personas-framing-col:first-child,
  html[data-theme="light"] .pc-journey-framing-col:first-child,
  html[data-theme="light"] .pc-lofi-framing-col:first-child {
    border-right-color: rgba(31, 41, 55, 0.1);
  }
}

@media (max-width: 767px) {
  html[data-theme="light"] .pc-personas-framing-col:first-child,
  html[data-theme="light"] .pc-journey-framing-col:first-child,
  html[data-theme="light"] .pc-lofi-framing-col:first-child {
    border-bottom-color: rgba(31, 41, 55, 0.1);
  }
}

html[data-theme="light"] .pc-personas-framing-heading,
html[data-theme="light"] .pc-journey-framing-heading,
html[data-theme="light"] .pc-lofi-framing-heading {
  color: #0e7490;
}

html[data-theme="light"] .pc-personas-framing-scope .pc-personas-framing-heading,
html[data-theme="light"] .pc-personas-framing-col:first-child .pc-personas-framing-heading,
html[data-theme="light"] .pc-journey-framing-scope .pc-journey-framing-heading,
html[data-theme="light"] .pc-journey-framing-col:first-child .pc-journey-framing-heading,
html[data-theme="light"] .pc-lofi-framing-scope .pc-lofi-framing-heading,
html[data-theme="light"] .pc-lofi-framing-col:first-child .pc-lofi-framing-heading {
  color: #A17630;
}

html[data-theme="light"] .pc-personas-framing-lede,
html[data-theme="light"] .pc-journey-framing-lede,
html[data-theme="light"] .pc-lofi-framing-lede {
  color: #1e293b;
}

html[data-theme="light"] .pc-personas-framing-list li,
html[data-theme="light"] .pc-journey-framing-list li,
html[data-theme="light"] .pc-lofi-framing-list li {
  color: #334155;
  border-left-color: rgba(14, 116, 144, 0.35);
}

html[data-theme="light"] .pc-personas-framing-scope .pc-personas-framing-list li,
html[data-theme="light"] .pc-personas-framing-col:first-child .pc-personas-framing-list li,
html[data-theme="light"] .pc-journey-framing-scope .pc-journey-framing-list li,
html[data-theme="light"] .pc-journey-framing-col:first-child .pc-journey-framing-list li,
html[data-theme="light"] .pc-lofi-framing-scope .pc-lofi-framing-list li,
html[data-theme="light"] .pc-lofi-framing-col:first-child .pc-lofi-framing-list li {
  border-left-color: rgba(161, 118, 48, 0.35);
}

html[data-theme="light"] .pc-lofi-framing-outcome {
  border-top-color: rgba(31, 41, 55, 0.1);
  background: rgba(248, 250, 252, 0.9);
}

html[data-theme="light"] .pc-lofi-framing-outcome-label {
  color: #3d6b4a;
}

html[data-theme="light"] .pc-lofi-framing-note {
  color: #475569;
}

html[data-theme="light"] .pc-journey-diagram-hint {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .pc-exploration-framing-board {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .pc-exploration-framing-scope {
  border-bottom-color: rgba(31, 41, 55, 0.1);
}

@media (min-width: 768px) {
  html[data-theme="light"] .pc-exploration-framing-col:first-child {
    border-right-color: rgba(31, 41, 55, 0.1);
  }
}

@media (max-width: 767px) {
  html[data-theme="light"] .pc-exploration-framing-col:first-child {
    border-bottom-color: rgba(31, 41, 55, 0.1);
  }
}

html[data-theme="light"] .pc-exploration-framing-heading {
  color: #0e7490;
}

html[data-theme="light"] .pc-exploration-framing-scope .pc-exploration-framing-heading,
html[data-theme="light"] .pc-exploration-framing-col:first-child .pc-exploration-framing-heading {
  color: #A17630;
}

html[data-theme="light"] .pc-exploration-framing-lede {
  color: #1e293b;
}

html[data-theme="light"] .pc-exploration-framing-list li {
  color: #334155;
  border-left-color: rgba(14, 116, 144, 0.35);
}

html[data-theme="light"] .pc-exploration-framing-scope .pc-exploration-framing-list li,
html[data-theme="light"] .pc-exploration-framing-col:first-child .pc-exploration-framing-list li {
  border-left-color: rgba(161, 118, 48, 0.35);
}

html[data-theme="light"] .pc-exploration-framing-note {
  color: #475569;
}

html[data-theme="light"] .pc-design-framing-lede {
  border-left-color: rgba(14, 116, 144, 0.55);
  color: rgba(15, 23, 42, 0.9);
}

html[data-theme="light"] .pc-design-framing-board {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

@media (min-width: 768px) {
  html[data-theme="light"] .pc-design-framing-col:first-child {
    border-right-color: rgba(31, 41, 55, 0.1);
  }
}

@media (max-width: 767px) {
  html[data-theme="light"] .pc-design-framing-col:first-child {
    border-bottom-color: rgba(31, 41, 55, 0.1);
  }
}

html[data-theme="light"] .pc-design-framing-heading {
  color: #0e7490;
}

html[data-theme="light"] .pc-design-framing-col:first-child .pc-design-framing-heading {
  color: #A17630;
}

html[data-theme="light"] .pc-design-framing-item {
  color: rgba(71, 85, 105, 0.82);
}

html[data-theme="light"] .pc-design-framing-item::before {
  color: #0e7490;
}

html[data-theme="light"] .pc-design-framing-col:first-child .pc-design-framing-item::before {
  color: #A17630;
}

html[data-theme="light"] .pc-design-framing-outputs {
  border-top-color: rgba(31, 41, 55, 0.1);
  background: rgba(250, 247, 242, 0.65);
}

html[data-theme="light"] .pc-design-framing-outputs-label {
  color: #4F7A57;
}

html[data-theme="light"] .pc-design-framing-output-item {
  border-color: rgba(31, 41, 55, 0.12);
  background: #ffffff;
}

html[data-theme="light"] .pc-design-framing-output-item:hover,
html[data-theme="light"] .pc-design-framing-output-item:focus-visible {
  border-color: rgba(14, 116, 144, 0.5);
  background: #e8f4f6;
  box-shadow: 0 4px 14px rgba(14, 116, 144, 0.12);
}

html[data-theme="light"] .pc-design-framing-output-count {
  color: #1d4ed8;
}

html[data-theme="light"] .pc-design-framing-output-item:hover .pc-design-framing-output-count,
html[data-theme="light"] .pc-design-framing-output-item:focus-visible .pc-design-framing-output-count {
  color: #1e3a8a;
}

html[data-theme="light"] .pc-design-framing-output-title {
  color: #0f172a;
}

html[data-theme="light"] .pc-design-framing-output-item:hover .pc-design-framing-output-title,
html[data-theme="light"] .pc-design-framing-output-item:focus-visible .pc-design-framing-output-title {
  color: #020617;
}

html[data-theme="light"] .pc-design-framing-output-desc {
  color: #475569;
}

html[data-theme="light"] .pc-design-framing-output-item:hover .pc-design-framing-output-desc,
html[data-theme="light"] .pc-design-framing-output-item:focus-visible .pc-design-framing-output-desc {
  color: #1e293b;
}

html[data-theme="light"] .tt-proto-refinement-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .tt-proto-refinement-kicker {
  color: #0e7490;
  border-bottom-color: rgba(31, 41, 55, 0.1);
  background: rgba(14, 116, 144, 0.04);
}

html[data-theme="light"] .tt-proto-refinement-kicker::before {
  background: #0e7490;
}

html[data-theme="light"] .tt-proto-refinement-kicker-label::before {
  background: #0e7490;
}

html[data-theme="light"] .tt-proto-refinement-count {
  border-color: rgba(14, 116, 144, 0.28);
  background: rgba(14, 116, 144, 0.08);
  color: #0e7490;
}

html[data-theme="light"] .tt-proto-refinement-item {
  border-left-color: rgba(14, 116, 144, 0.45);
}

html[data-theme="light"] .tt-proto-refinement-item:not(:last-child) {
  border-bottom-color: rgba(31, 41, 55, 0.08);
}

html[data-theme="light"] .tt-proto-refinement-decision {
  color: rgba(15, 23, 42, 0.92);
}

html[data-theme="light"] .tt-proto-refinement-heuristic {
  color: #A17630;
}

html[data-theme="light"] .tt-proto-refinement-rationale {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .tt-proto-refinements-xref {
  color: rgba(71, 85, 105, 0.65);
}

html[data-theme="light"] .tt-proto-refinements-xref a {
  color: #0e7490;
}

html[data-theme="light"] .tt-proto-refinements-xref a:hover {
  color: #155e75;
}

html[data-theme="light"] .status-pill {
  background-color: rgba(37, 99, 235, 0.14);
  color: #1E40AF;
  font-weight: 600;
}

html[data-theme="light"] .case-nav-toggle-kicker,
html[data-theme="light"] .case-nav-toggle-chevron {
  color: rgba(71, 85, 105, 0.72);
}

html[data-theme="light"] .case-nav-link {
  color: rgba(71, 85, 105, 0.8);
}

html[data-theme="light"] .metrics-label {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .tt-process-phase-body,
html[data-theme="light"] .tt-process-phase-list .case-bullet,
html[data-theme="light"] .tt-key-card-body,
html[data-theme="light"] .tt-eval-card-body,
html[data-theme="light"] .tt-validation-finding-item {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .tt-validation-principle {
  border-color: rgba(37, 99, 235, 0.22);
  background: rgba(37, 99, 235, 0.07);
  color: #2563EB;
}

html[data-theme="light"] .tt-validation-scope-flow {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .tt-validation-scope-kicker {
  color: #0e7490;
}

html[data-theme="light"] .tt-validation-scope-list li {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .tt-validation-scope-list li::before {
  background: rgba(14, 116, 144, 0.55);
}

html[data-theme="light"] .tt-validation-impact {
  border-left-color: rgba(74, 124, 89, 0.75);
}

html[data-theme="light"] .tt-validation-impact-link {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .tt-validation-impact-link a {
  color: #0e7490;
}

html[data-theme="light"] .tt-validation-impact-link a:hover {
  color: #155e75;
}

html[data-theme="light"] .tt-validation-finding--strength {
  border-left-color: rgba(74, 124, 89, 0.85);
}

html[data-theme="light"] .tt-validation-finding--strength .tt-validation-finding-label {
  color: #4A7C59;
}

html[data-theme="light"] .tt-validation-finding--priority {
  border-left-color: rgba(161, 118, 48, 0.9);
}

html[data-theme="light"] .tt-validation-finding--priority .tt-validation-finding-label {
  color: #A17630;
}

html[data-theme="light"] .tt-validation-finding--priority .tt-validation-finding-heuristic {
  color: #A17630;
}

html[data-theme="light"] .tt-validation-finding--lower {
  border-left-color: rgba(31, 41, 55, 0.22);
}

html[data-theme="light"] .tt-validation-finding--lower .tt-validation-finding-label {
  color: rgba(71, 85, 105, 0.62);
}

html[data-theme="light"] .tt-validation-finding--lower .tt-validation-finding-heuristic {
  color: rgba(71, 85, 105, 0.55);
}

html[data-theme="light"] .tt-validation-finding-mark {
  color: rgba(37, 99, 235, 0.65);
}

html[data-theme="light"] .tt-validation-finding-note {
  border-top-color: rgba(31, 41, 55, 0.1);
  color: rgba(71, 85, 105, 0.72);
}

/* Lumen / shared case body copy that still used pale whites */
html[data-theme="light"] .case-hero-tagline,
html[data-theme="light"] .tt-hero-tagline {
  color: rgba(31, 41, 55, 0.92);
}

html[data-theme="light"] .diagram-hint,
html[data-theme="light"] .diagram-hint-desktop,
html[data-theme="light"] .diagram-hint-mobile {
  color: rgba(71, 85, 105, 0.72);
}

html[data-theme="light"] .process-step .prose-body,
html[data-theme="light"] .interview-theme p,
html[data-theme="light"] .insight-bridge p,
html[data-theme="light"] .evidence-ref-body,
html[data-theme="light"] .resume-section .prose-body {
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .insight-bridge-kicker {
  color: #2563EB;
}

html[data-theme="light"] .insight-bridge-icon {
  color: #2563EB;
  padding: 0.45rem;
  border-radius: 0.75rem;
  background-color: rgba(37, 99, 235, 0.1);
  box-sizing: content-box;
}

html[data-theme="light"] .insight-bridge-title {
  color: #1F2937;
}

html[data-theme="light"] .insight-bridge-body {
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .insight-bridge-source {
  color: rgba(31, 41, 55, 0.62);
}

html[data-theme="light"] .insight-bridge-col--product {
  border-color: rgba(37, 99, 235, 0.22);
  background-color: rgba(37, 99, 235, 0.06);
}

html[data-theme="light"] .insight-bridge-arrow {
  color: rgba(31, 41, 55, 0.45);
}

html[data-theme="light"] .footer-social,
html[data-theme="light"] .site-footer p {
  color: rgba(71, 85, 105, 0.72);
}

html[data-theme="light"] .site-footer .text-white\/40,
html[data-theme="light"] .site-footer .text-white\/45,
html[data-theme="light"] .site-footer .text-white\/50 {
  color: rgba(71, 85, 105, 0.7);
}

/* Catch remaining hard-coded pale whites in case CSS */
html[data-theme="light"] .tt-benchmark-item-why {
  color: #334155 !important;
}

html[data-theme="light"] .tt-benchmark-cluster-body,
html[data-theme="light"] .tt-benchmark-screen-note,
html[data-theme="light"] .tt-benchmark-pattern-role {
  color: rgba(71, 85, 105, 0.84) !important;
}

html[data-theme="light"] .tt-benchmark-wedge-text {
  color: #1F2937 !important;
}

html[data-theme="light"] .tt-disclaimer,
html[data-theme="light"] .case-disclaimer {
  color: #1e293b !important;
}

/* UX research synthesis wall + coding scheme (Lumen)
   EXPERIMENT: unified warm-neutral columns (no rainbow) */
html[data-theme="light"] .interview-meta-label {
  color: rgba(31, 41, 55, 0.72);
}

html[data-theme="light"] .evidence-column--burden,
html[data-theme="light"] .evidence-column--ai,
html[data-theme="light"] .evidence-column--accuracy,
html[data-theme="light"] .evidence-column--trust,
html[data-theme="light"] .evidence-column--workflow,
html[data-theme="light"] .evidence-column--needs {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 252, 247, 0.92);
}

html[data-theme="light"] .evidence-column-title {
  color: #1F2937;
}

html[data-theme="light"] .evidence-subhead {
  color: rgba(31, 41, 55, 0.55);
}

html[data-theme="light"] .evidence-note {
  border-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(255, 255, 255, 0.88);
  color: rgba(31, 41, 55, 0.9);
  box-shadow: 0 1px 2px rgba(31, 41, 55, 0.04);
}

html[data-theme="light"] .evidence-code {
  background-color: rgba(37, 99, 235, 0.1);
  color: #2563EB;
}

html[data-theme="light"] .evidence-wall-more-btn {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.08);
  color: #2563EB;
}

html[data-theme="light"] .evidence-wall-more-btn:hover {
  border-color: rgba(37, 99, 235, 0.5);
  background-color: rgba(37, 99, 235, 0.14);
  color: #1E40AF;
}

html[data-theme="light"] .evidence-wall-more-hint {
  color: rgba(71, 85, 105, 0.62);
}

html[data-theme="light"] .evidence-references {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .evidence-coding-intro {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .evidence-coding-row {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .evidence-coding-theme {
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .evidence-coding-theme strong {
  color: #2563EB;
}

html[data-theme="light"] .evidence-coding-note {
  border-top-color: rgba(31, 41, 55, 0.12);
  color: rgba(71, 85, 105, 0.72);
}

html[data-theme="light"] .evidence-ref-list {
  border-top-color: rgba(31, 41, 55, 0.12);
}

html[data-theme="light"] .evidence-ref-list li {
  color: rgba(71, 85, 105, 0.88);
}

/* References / bibliography */
html[data-theme="light"] .tt-references-collapse {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .tt-references-collapse-body {
  border-top-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .tt-references-summary-label {
  color: #0f172a;
}

html[data-theme="light"] .tt-references-summary-meta {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .tt-references-summary::after {
  border-right-color: #0e7490;
  border-bottom-color: #0e7490;
}

html[data-theme="light"] .tt-references li,
html[data-theme="light"] .tt-references em {
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .tt-references a {
  color: #2563EB;
  text-decoration-color: rgba(37, 99, 235, 0.4);
}

html[data-theme="light"] .lumen-references-collapse {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .lumen-references-collapse-body {
  border-top-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .lumen-references-summary-label {
  color: #0f172a;
}

html[data-theme="light"] .lumen-references-summary-meta {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .lumen-references-summary::after {
  border-right-color: #0e7490;
  border-bottom-color: #0e7490;
}

html[data-theme="light"] .lumen-references li,
html[data-theme="light"] .lumen-references em {
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .lumen-references a {
  color: #2563eb;
  text-decoration-color: rgba(37, 99, 235, 0.4);
}

html[data-theme="light"] .tt-references a:hover {
  color: #1E40AF;
  text-decoration-color: rgba(12, 74, 110, 0.55);
}

html[data-theme="light"] .evidence-ref-cite,
html[data-theme="light"] .evidence-ref-body,
html[data-theme="light"] .source-item {
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .evidence-ref-link,
html[data-theme="light"] .source-item a {
  color: #2563EB;
}

html[data-theme="light"] .evidence-ref-link:hover,
html[data-theme="light"] .source-item a:hover {
  color: #1E40AF;
}

/* ---------- Lumen: interviews ---------- */
html[data-theme="light"] .interview-participant,
html[data-theme="light"] .interview-meta,
html[data-theme="light"] .interview-theme-card {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.82);
}

html[data-theme="light"] .interview-topics {
  border-top-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .interview-topic {
  border-color: rgba(31, 41, 55, 0.1);
  background-color: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .interview-topic-title {
  color: #1F2937;
}

html[data-theme="light"] .interview-question {
  color: rgba(71, 85, 105, 0.62);
}

html[data-theme="light"] .interview-quote {
  color: rgba(31, 41, 55, 0.92);
}

html[data-theme="light"] .interview-insights li {
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .interview-insights li::before {
  color: #2563EB;
}

html[data-theme="light"] .interview-resolved {
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.08);
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .interview-resolved strong {
  color: #2563EB;
}

html[data-theme="light"] .interview-role {
  color: #2563EB;
}

html[data-theme="light"] .interview-theme-num {
  color: #2563EB;
}

html[data-theme="light"] .interview-theme-icon {
  color: #2563EB;
  padding: 0.4rem;
  border-radius: 0.75rem;
  background-color: rgba(37, 99, 235, 0.1);
  box-sizing: content-box;
}

html[data-theme="light"] .interview-theme-title {
  color: #1F2937;
}

html[data-theme="light"] .interview-theme-source {
  color: rgba(71, 85, 105, 0.62);
}

/* ---------- Lumen: personas ---------- */
html[data-theme="light"] .persona-card {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.84);
}

html[data-theme="light"] .persona-avatar {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(31, 41, 55, 0.06);
  color: #1F2937;
}

html[data-theme="light"] .persona-avatar--clinician {
  border-color: rgba(37, 99, 235, 0.32);
  background-color: rgba(37, 99, 235, 0.14);
  color: #2563EB;
}

html[data-theme="light"] .persona-avatar--nurse {
  border-color: rgba(16, 185, 129, 0.32);
  background-color: rgba(16, 185, 129, 0.14);
  color: #047857;
}

html[data-theme="light"] .persona-avatar--caregiver {
  border-color: rgba(190, 24, 93, 0.3);
  background-color: rgba(190, 24, 93, 0.12);
  color: #BE185D;
}

html[data-theme="light"] .persona-tag {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(31, 41, 55, 0.05);
  color: rgba(31, 41, 55, 0.72);
}

html[data-theme="light"] .persona-role-line {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .persona-meta-line {
  color: rgba(71, 85, 105, 0.68);
}

html[data-theme="light"] .persona-block-title {
  color: rgba(31, 41, 55, 0.62);
}

html[data-theme="light"] .persona-list li {
  color: rgba(71, 85, 105, 0.88);
}

html[data-theme="light"] .persona-list li::before {
  color: #2563EB;
}

html[data-theme="light"] .persona-pain-pill {
  border-color: rgba(31, 41, 55, 0.16);
  background-color: rgba(31, 41, 55, 0.05);
  color: rgba(31, 41, 55, 0.78);
}

html[data-theme="light"] .persona-meter-head {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .persona-meter-track {
  background-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .persona-meter-fill {
  background-color: rgba(37, 99, 235, 0.75);
}

html[data-theme="light"] .persona-questions li {
  border-color: rgba(37, 99, 235, 0.2);
  background-color: rgba(37, 99, 235, 0.08);
  color: rgba(71, 85, 105, 0.9);
}

html[data-theme="light"] .persona-tfd {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .persona-tfd-label {
  color: #2563EB;
}

html[data-theme="light"] .persona-detail {
  border-top-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .persona-callout--caution,
html[data-theme="light"] .persona-callout--info {
  border-color: rgba(37, 99, 235, 0.28);
  background-color: rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .persona-callout-label {
  color: rgba(31, 41, 55, 0.62);
}

html[data-theme="light"] .persona-design-pill {
  border-color: rgba(37, 99, 235, 0.28);
  background-color: rgba(37, 99, 235, 0.1);
  color: var(--accent-primary-hover);
}

html[data-theme="light"] .persona-design-pill--green {
  border-color: rgba(16, 185, 129, 0.32);
  background-color: rgba(16, 185, 129, 0.12);
  color: #047857;
}

html[data-theme="light"] .persona-design-pill--amber {
  border-color: rgba(245, 158, 11, 0.35);
  background-color: rgba(245, 158, 11, 0.14);
  color: #B45309;
}

html[data-theme="light"] .persona-design-pill--rose {
  border-color: rgba(190, 24, 93, 0.28);
  background-color: rgba(190, 24, 93, 0.1);
  color: #BE185D;
}

html[data-theme="light"] .persona-design-pill--purple {
  border-color: rgba(30, 64, 175, 0.28);
  background-color: rgba(30, 64, 175, 0.1);
  color: var(--accent-primary-hover);
}

/* ---------- Lumen: wireframes / mockups ---------- */
html[data-theme="light"] .wireframe-persona,
html[data-theme="light"] .mockup-persona-group-label {
  color: #2563EB;
}

html[data-theme="light"] .wireframe-screen-title {
  color: #1F2937;
}

html[data-theme="light"] .wireframe-row-label {
  color: rgba(31, 41, 55, 0.62);
}

html[data-theme="light"] .mockup-persona-group--primary {
  border-color: rgba(37, 99, 235, 0.28);
  background-color: rgba(37, 99, 235, 0.06);
}

html[data-theme="light"] .mockup-persona-group--supporting {
  border-color: rgba(31, 41, 55, 0.12);
  background-color: rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] .mockup-persona-group--supporting .mockup-persona-group-label {
  color: #2563EB;
}

/* ---------- Lumen: heuristic evaluation ---------- */
html[data-theme="light"] .he-block-label {
  color: #2563EB;
}

html[data-theme="light"] .he-sev {
  border-left-color: rgba(31, 41, 55, 0.16);
}

html[data-theme="light"] .he-sev-count {
  color: #1F2937;
}

html[data-theme="light"] .he-sev--catastrophe .he-sev-count {
  color: #1E40AF;
}

html[data-theme="light"] .he-sev--major .he-sev-count {
  color: #1F2937;
}

html[data-theme="light"] .he-sev--positive .he-sev-count {
  color: #2563EB;
}

html[data-theme="light"] .he-sev-level,
html[data-theme="light"] .he-sev-label {
  color: rgba(71, 85, 105, 0.68);
}

html[data-theme="light"] .he-takeaway {
  color: rgba(71, 85, 105, 0.86);
}

html[data-theme="light"] .he-positives-card,
html[data-theme="light"] .he-findings-card {
  border-color: rgba(37, 99, 235, 0.28);
  background-color: rgba(37, 99, 235, 0.06);
}

html[data-theme="light"] .he-findings-badge,
html[data-theme="light"] .he-findings-badge--positive,
html[data-theme="light"] .he-positive-kicker,
html[data-theme="light"] .he-finding-kicker {
  color: #2563EB;
}

html[data-theme="light"] .he-positive-title,
html[data-theme="light"] .he-finding-title {
  color: #1F2937;
}

html[data-theme="light"] .he-positive-impact,
html[data-theme="light"] .he-finding-impact {
  color: rgba(71, 85, 105, 0.78);
}

html[data-theme="light"] .he-download {
  border-color: rgba(31, 41, 55, 0.14);
  background-color: rgba(255, 255, 255, 0.82);
}

html[data-theme="light"] .he-download:hover {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.06);
}

html[data-theme="light"] .he-download--primary {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .he-download--primary:hover {
  border-color: rgba(37, 99, 235, 0.5);
  background-color: rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .he-download-icon {
  color: #2563EB;
}

html[data-theme="light"] .he-download--primary .he-download-icon {
  color: #2563EB;
}

html[data-theme="light"] .he-download-title {
  color: #1F2937;
}

html[data-theme="light"] .he-download-meta {
  color: rgba(71, 85, 105, 0.68);
}

/* ============================================================
   Contextual icon accents — Day Mode system
   Blue (#2563EB) = primary / documentation
   Deep blue (#1E40AF) = trust / verification
   Amber (#F59E0B) = alerts / evaluation risk
   Emerald (#10B981) = access / health / success
   Rose = caregiver / emotional clarity
   ============================================================ */

/* Process steps: research → IA → design → evaluate → iterate → launch */
html[data-theme="light"] .process-grid > .process-step:nth-child(1) .process-step-icon {
  color: #2563EB;
  background-color: rgba(37, 99, 235, 0.12);
}
html[data-theme="light"] .process-grid > .process-step:nth-child(1) .process-step-num {
  color: #2563EB;
  border-color: rgba(37, 99, 235, 0.3);
  background-color: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .process-grid > .process-step:nth-child(2) .process-step-icon {
  color: #2563EB;
  background-color: rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .process-grid > .process-step:nth-child(3) .process-step-icon {
  color: #2563EB;
  background-color: rgba(37, 99, 235, 0.12);
}
html[data-theme="light"] .process-grid > .process-step:nth-child(3) .process-step-num {
  color: #2563EB;
  border-color: rgba(37, 99, 235, 0.3);
  background-color: rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .process-grid > .process-step:nth-child(4) .process-step-icon {
  color: #D97706;
  background-color: rgba(245, 158, 11, 0.12);
}
html[data-theme="light"] .process-grid > .process-step:nth-child(4) .process-step-num {
  color: #D97706;
  border-color: rgba(245, 158, 11, 0.32);
  background-color: rgba(245, 158, 11, 0.1);
}

html[data-theme="light"] .process-grid > .process-step:nth-child(5) .process-step-icon {
  color: #047857;
  background-color: rgba(16, 185, 129, 0.12);
}
html[data-theme="light"] .process-grid > .process-step:nth-child(5) .process-step-num {
  color: #047857;
  border-color: rgba(16, 185, 129, 0.3);
  background-color: rgba(16, 185, 129, 0.1);
}

html[data-theme="light"] .process-grid > .process-step:nth-child(6) .process-step-icon {
  color: #1E40AF;
  background-color: rgba(30, 64, 175, 0.12);
}
html[data-theme="light"] .process-grid > .process-step:nth-child(6) .process-step-num {
  color: #1E40AF;
  border-color: rgba(30, 64, 175, 0.32);
  background-color: rgba(30, 64, 175, 0.1);
}

/* Interview themes: docs → trust → alerts → access → caregiver */
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(1) .interview-theme-icon,
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(1) .interview-theme-num {
  color: #2563EB;
}
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(1) .interview-theme-icon {
  background-color: rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(2) .interview-theme-icon,
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(2) .interview-theme-num {
  color: #1E40AF;
}
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(2) .interview-theme-icon {
  background-color: rgba(30, 64, 175, 0.12);
}

html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(3) .interview-theme-icon,
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(3) .interview-theme-num {
  color: #D97706;
}
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(3) .interview-theme-icon {
  background-color: rgba(245, 158, 11, 0.12);
}

html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(4) .interview-theme-icon,
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(4) .interview-theme-num {
  color: #047857;
}
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(4) .interview-theme-icon {
  background-color: rgba(16, 185, 129, 0.12);
}

html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(5) .interview-theme-icon,
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(5) .interview-theme-num {
  color: #BE185D;
}
html[data-theme="light"] .interview-theme-grid > .interview-theme-card:nth-child(5) .interview-theme-icon {
  background-color: rgba(190, 24, 93, 0.12);
}

/* Evidence → product bridges */
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(1) .insight-bridge-icon {
  color: #2563EB;
  background-color: rgba(37, 99, 235, 0.12);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(1) .insight-bridge-kicker {
  color: #2563EB;
}

html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(2) .insight-bridge-icon {
  color: #1E40AF;
  background-color: rgba(30, 64, 175, 0.12);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(2) .insight-bridge-kicker {
  color: #1E40AF;
}

html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(3) .insight-bridge-icon {
  color: #D97706;
  background-color: rgba(245, 158, 11, 0.12);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(3) .insight-bridge-kicker {
  color: #D97706;
}

html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(4) .insight-bridge-icon {
  color: #047857;
  background-color: rgba(16, 185, 129, 0.12);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(4) .insight-bridge-kicker {
  color: #047857;
}

/* Soft topic tint on the product column to echo the bridge icon */
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(2) .insight-bridge-col--product {
  border-color: rgba(30, 64, 175, 0.22);
  background-color: rgba(30, 64, 175, 0.06);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(3) .insight-bridge-col--product {
  border-color: rgba(245, 158, 11, 0.22);
  background-color: rgba(245, 158, 11, 0.06);
}
html[data-theme="light"] .insight-bridge-list > .insight-bridge:nth-child(4) .insight-bridge-col--product {
  border-color: rgba(16, 185, 129, 0.22);
  background-color: rgba(16, 185, 129, 0.06);
}

/* Lumen Chart — role block + captions */
html[data-theme="light"] .lumen-role-block {
  border-color: rgba(8, 145, 178, 0.28);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(8, 145, 178, 0.1), transparent 55%),
    radial-gradient(ellipse 50% 60% at 100% 100%, rgba(14, 116, 144, 0.05), transparent 50%),
    rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .lumen-role-head {
  border-bottom-color: rgba(8, 145, 178, 0.16);
  background: linear-gradient(90deg, rgba(8, 145, 178, 0.09), transparent 70%);
}
html[data-theme="light"] .lumen-role-block-title {
  color: #0e7490;
}
html[data-theme="light"] .lumen-role-lead {
  color: rgba(15, 23, 42, 0.62);
}
html[data-theme="light"] .lumen-role-item {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(15, 23, 42, 0.07);
}
html[data-theme="light"] .lumen-role-icon {
  color: #0e7490;
  background: rgba(8, 145, 178, 0.1);
  border-color: rgba(8, 145, 178, 0.22);
}
html[data-theme="light"] .lumen-role-item-title {
  color: rgba(15, 23, 42, 0.95);
}
html[data-theme="light"] .lumen-role-item-body {
  color: rgba(15, 23, 42, 0.62);
}
html[data-theme="light"] .artifact-caption {
  border-color: rgba(8, 145, 178, 0.24);
  border-left-color: #0891b2;
  background:
    linear-gradient(90deg, rgba(8, 145, 178, 0.1), rgba(8, 145, 178, 0.03) 55%, transparent),
    rgba(255, 255, 255, 0.85);
  color: rgba(15, 23, 42, 0.78);
}
html[data-theme="light"] .artifact-caption-label {
  background: rgba(8, 145, 178, 0.12);
  border-color: rgba(8, 145, 178, 0.28);
  color: #0e7490;
}
html[data-theme="light"] .lumen-constraint-term {
  color: #2563EB;
  text-decoration-color: rgba(37, 99, 235, 0.4);
}
html[data-theme="light"] .lumen-constraint-term:hover,
html[data-theme="light"] .lumen-constraint-term:focus-visible {
  color: #1E40AF;
  text-decoration-color: rgba(30, 64, 175, 0.55);
}
html[data-theme="light"] .measured-learning {
  border-color: rgba(8, 145, 178, 0.28);
  background: rgba(8, 145, 178, 0.06);
}
html[data-theme="light"] .measured-learning-title {
  color: #0e7490;
}
html[data-theme="light"] .measured-learning li {
  color: rgba(15, 23, 42, 0.82);
}
html[data-theme="light"] .measured-learning li::before {
  background: #0891b2;
}

/* Healthcare consulting case study */
html[data-theme="light"] .hc-meta-chip {
  border-color: rgba(8, 145, 178, 0.28);
  background: rgba(8, 145, 178, 0.08);
  color: #0e7490;
}
html[data-theme="light"] .hc-method-card,
html[data-theme="light"] .hc-insight-card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(ellipse 80% 70% at 0% 0%, rgba(8, 145, 178, 0.08), transparent 55%),
    rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .hc-method-num,
html[data-theme="light"] .hc-insight-kicker,
html[data-theme="light"] .hc-why-label,
html[data-theme="light"] .hc-fig-label {
  color: #0e7490;
}
html[data-theme="light"] .hc-method-title,
html[data-theme="light"] .hc-insight-title,
html[data-theme="light"] .hc-fig-title {
  color: rgba(15, 23, 42, 0.95);
}
html[data-theme="light"] .hc-method-body,
html[data-theme="light"] .hc-insight-body,
html[data-theme="light"] .hc-fig-note,
html[data-theme="light"] .hc-fig-placeholder figcaption {
  color: rgba(15, 23, 42, 0.62);
}
html[data-theme="light"] .hc-rec-list > li {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.03);
  color: rgba(15, 23, 42, 0.78);
}
html[data-theme="light"] .hc-rec-list > li::before {
  color: #0e7490;
}
html[data-theme="light"] .hc-fig-frame {
  border-color: rgba(8, 145, 178, 0.35);
  background:
    radial-gradient(ellipse 70% 60% at 15% 20%, rgba(8, 145, 178, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(8, 145, 178, 0.04), rgba(255, 255, 255, 0.6));
}
html[data-theme="light"] .hc-why-callout {
  border-color: rgba(8, 145, 178, 0.28);
  background: rgba(8, 145, 178, 0.06);
}

/* Path Compass portfolio refresh */
html[data-theme="light"] .pc-at-a-glance-title {
  color: #0e7490;
}

html[data-theme="light"] .pc-at-a-glance .tt-overview-stat-label {
  color: #64748b;
}

html[data-theme="light"] .pc-at-a-glance .tt-overview-stat-value {
  color: #1e293b;
}

html[data-theme="light"] .pc-at-a-glance .tt-overview-body {
  color: #334155;
}

html[data-theme="light"] .pc-at-a-glance .tt-overview-body strong {
  color: #0f172a;
}

html[data-theme="light"] .pc-hero-prototypes-title {
  color: #0e7490;
}

html[data-theme="light"] .pc-hero-prototype-label {
  color: #1e293b;
}

html[data-theme="light"] .pc-key-screen-caption {
  color: #475569;
}

html[data-theme="light"] .pc-key-screen-caption strong {
  color: #0f172a;
}

html[data-theme="light"] .pc-key-screens-group-head {
  border-bottom-color: rgba(14, 116, 144, 0.18);
}

html[data-theme="light"] .pc-key-screens-group-accent {
  background: linear-gradient(180deg, rgba(14, 116, 144, 0.9), rgba(14, 116, 144, 0.35));
}

html[data-theme="light"] .pc-key-screens-group-title {
  color: #0f172a;
}

html[data-theme="light"] .pc-key-screens-bridge {
  color: #64748b;
}

html[data-theme="light"] .pc-foundation-details {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .pc-foundation-details-summary {
  color: #0e7490;
}

html[data-theme="light"] .pc-foundation-details-body {
  border-top-color: rgba(31, 41, 55, 0.1);
}

html[data-theme="light"] .pc-decision-card,
html[data-theme="light"] .pc-reflect-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .pc-decisions-panel {
  border-color: rgba(14, 116, 144, 0.2);
  background:
    linear-gradient(145deg, rgba(14, 116, 144, 0.06) 0%, rgba(14, 116, 144, 0.015) 38%, transparent 100%),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-decisions-intro {
  color: #475569;
}

html[data-theme="light"] .pc-decision-card {
  border-left-color: rgba(14, 116, 144, 0.5);
}

html[data-theme="light"] .pc-decision-col {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
}

html[data-theme="light"] .pc-decision-col--alternative {
  border-color: rgba(14, 116, 144, 0.14);
  background: rgba(14, 116, 144, 0.05);
}

html[data-theme="light"] .pc-decision-col--rationale {
  border-color: rgba(180, 83, 9, 0.14);
  background: rgba(254, 243, 199, 0.35);
}

html[data-theme="light"] .pc-reflect-card--achieved {
  border-left-color: rgba(22, 101, 52, 0.55);
}

html[data-theme="light"] .pc-reflect-card--decisions {
  border-left-color: rgba(14, 116, 144, 0.65);
}

html[data-theme="light"] .pc-reflect-card--limitations {
  border-left-color: rgba(180, 83, 9, 0.55);
}

html[data-theme="light"] .pc-reflect-card--next {
  border-left-color: rgba(14, 116, 144, 0.4);
}

html[data-theme="light"] .pc-reflect-card--insight {
  border-left-color: rgba(14, 116, 144, 0.55);
  background:
    linear-gradient(145deg, rgba(14, 116, 144, 0.07) 0%, rgba(14, 116, 144, 0.02) 42%, transparent 100%),
    rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .pc-reflect-lede {
  color: #475569;
}

html[data-theme="light"] .pc-decision-title {
  color: #0f172a;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .pc-reflect-heading {
  color: #64748b;
}

html[data-theme="light"] .pc-reflect-card--achieved .pc-reflect-heading {
  color: #166534;
}

html[data-theme="light"] .pc-reflect-card--decisions .pc-reflect-heading,
html[data-theme="light"] .pc-reflect-card--next .pc-reflect-heading {
  color: #0e7490;
}

html[data-theme="light"] .pc-reflect-card--limitations .pc-reflect-heading {
  color: #b45309;
}

html[data-theme="light"] .pc-reflect-card--insight .pc-reflect-heading {
  color: #0e7490;
}

html[data-theme="light"] .pc-decision-kicker {
  color: #0e7490;
}

html[data-theme="light"] .pc-decision-col--alternative .pc-decision-kicker {
  color: #166534;
}

html[data-theme="light"] .pc-decision-col--rationale .pc-decision-kicker {
  color: #b45309;
}

html[data-theme="light"] .pc-decision-body,
html[data-theme="light"] .pc-reflect-item,
html[data-theme="light"] .pc-reflect-list,
html[data-theme="light"] .pc-reflect-card .prose-body {
  color: #475569;
}

html[data-theme="light"] .pc-reflect-mark {
  color: #0e7490;
}

html[data-theme="light"] .pc-reflect-card--achieved .pc-reflect-mark {
  color: #166534;
}

html[data-theme="light"] .pc-reflect-card--limitations .pc-reflect-mark {
  color: #b45309;
}

html[data-theme="light"] .pc-design-xref {
  border-color: rgba(14, 116, 144, 0.22);
  background:
    linear-gradient(145deg, rgba(14, 116, 144, 0.08) 0%, rgba(14, 116, 144, 0.02) 38%, transparent 100%),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-design-xref-kicker {
  color: #0e7490;
}

html[data-theme="light"] .pc-design-xref-title {
  color: #0f172a;
}

html[data-theme="light"] .pc-design-xref-lede {
  color: #475569;
}

html[data-theme="light"] .pc-design-xref-screen {
  border-color: rgba(14, 116, 144, 0.22);
  background: rgba(14, 116, 144, 0.07);
  color: #334155;
}

html[data-theme="light"] .pc-design-xref-note {
  border-top-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
}

html[data-theme="light"] .pc-design-xref .prose-body a {
  color: #2563eb;
}

html[data-theme="light"] .pc-design-xref .prose-body a:hover {
  color: #1e40af;
}

/* Compact scannable components — light theme */
html[data-theme="light"] .pc-insight-list {
  color: #475569;
}

html[data-theme="light"] .pc-insight-list strong {
  color: #0f172a;
}

html[data-theme="light"] .pc-constraints-callout {
  border-color: rgba(180, 83, 9, 0.25);
  background: rgba(251, 191, 36, 0.08);
}

html[data-theme="light"] .pc-constraints-title {
  color: #b45309;
}

html[data-theme="light"] .pc-constraints-list {
  color: #334155;
}

html[data-theme="light"] .pc-eval-brief {
  color: #334155;
}

html[data-theme="light"] .pc-eval-brief li {
  border-color: rgba(14, 116, 144, 0.14);
  border-left-color: rgba(14, 116, 144, 0.5);
  background:
    linear-gradient(90deg, rgba(14, 116, 144, 0.06), rgba(14, 116, 144, 0.01) 55%, transparent),
    rgba(255, 255, 255, 0.75);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .pc-eval-brief strong {
  color: #0e7490;
}

html[data-theme="light"] .pc-persona-compact-card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(165deg, rgba(14, 116, 144, 0.04) 0%, rgba(14, 116, 144, 0.01) 42%, transparent 100%),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(1) {
  border-top-color: rgba(2, 132, 199, 0.55);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(2) {
  border-top-color: rgba(5, 150, 105, 0.55);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(3) {
  border-top-color: rgba(124, 58, 237, 0.45);
}

html[data-theme="light"] .pc-persona-compact-head {
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .pc-persona-compact-avatar {
  color: #0e7490;
  background: rgba(14, 116, 144, 0.08);
  border-color: rgba(14, 116, 144, 0.2);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(1) .pc-persona-compact-avatar {
  color: #0369a1;
  background: rgba(2, 132, 199, 0.1);
  border-color: rgba(2, 132, 199, 0.22);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(2) .pc-persona-compact-avatar {
  color: #047857;
  background: rgba(5, 150, 105, 0.1);
  border-color: rgba(5, 150, 105, 0.22);
}

html[data-theme="light"] .pc-persona-compact-card:nth-child(3) .pc-persona-compact-avatar {
  color: #6d28d9;
  background: rgba(124, 58, 237, 0.08);
  border-color: rgba(124, 58, 237, 0.2);
}

html[data-theme="light"] .pc-persona-compact-name {
  color: #0f172a;
}

html[data-theme="light"] .pc-persona-compact-role {
  color: #64748b;
}

html[data-theme="light"] .pc-persona-compact-dl > div + div {
  border-top-color: rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .pc-persona-compact-dl dt {
  color: #0e7490;
}

html[data-theme="light"] .pc-persona-compact-dl dd {
  color: #334155;
}

html[data-theme="light"] .pc-validation-panel {
  border-color: rgba(14, 116, 144, 0.2);
  background:
    linear-gradient(145deg, rgba(14, 116, 144, 0.07) 0%, rgba(14, 116, 144, 0.02) 42%, transparent 100%),
    rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-validation-lede {
  color: #334155;
}

html[data-theme="light"] .pc-validation-footnote {
  border-top-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
}

html[data-theme="light"] .pc-validation-summary-col {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
}

html[data-theme="light"] .pc-validation-summary-heading {
  color: #64748b;
}

html[data-theme="light"] .pc-refinements-panel {
  border-color: rgba(14, 116, 144, 0.2);
  background:
    linear-gradient(145deg, rgba(14, 116, 144, 0.07) 0%, rgba(14, 116, 144, 0.02) 42%, transparent 100%),
    rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pc-refinements-intro {
  color: #475569;
}

html[data-theme="light"] .pc-validation-summary-lede {
  color: #64748b;
}

html[data-theme="light"] .pc-refinements-xref {
  color: #64748b;
}

html[data-theme="light"] .pc-refinements-panel .tt-proto-refinement-card {
  border-color: rgba(31, 41, 55, 0.12);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .pc-resource-link {
  color: #1e5aa8;
  text-decoration-color: rgba(30, 90, 168, 0.35);
}

html[data-theme="light"] .pc-resource-link:hover,
html[data-theme="light"] .pc-resource-link:focus-visible {
  color: #0f3d75;
  text-decoration-color: rgba(15, 61, 117, 0.5);
}

html[data-theme="light"] .pc-foundation-sources {
  border-color: rgba(14, 116, 144, 0.2);
  background: rgba(14, 116, 144, 0.06);
}

html[data-theme="light"] .pc-foundation-sources-kicker {
  color: #475569;
}

html[data-theme="light"] .pc-foundation-sources-list {
  color: #334155;
}