/* Theme bridge and contrast patch for Kumo standalone styles. */
:root[data-theme="dark"] {
  --bg: #10110f;
  --surface: #191b18;
  --surface-2: #232620;
  --muted: #c6c8c0;
  --line: #444840;
}

:root[data-mode="light"] { color-scheme: light; }
:root[data-mode="dark"] { color-scheme: dark; }

:root[data-mode="dark"] body,
:root[data-mode="dark"] .app {
  background: var(--bg);
  color: var(--text);
}

:root[data-mode="dark"] [data-kumo-part="primary"],
:root[data-mode="dark"] [data-kumo-part="secondary"] {
  color: var(--text) !important;
  border-color: var(--line) !important;
}

:root[data-mode="dark"] .hero-card [data-kumo-part="primary"],
:root[data-mode="dark"] .platform-card [data-kumo-part="primary"],
:root[data-mode="dark"] .command-card [data-kumo-part="primary"],
:root[data-mode="dark"] .score-card [data-kumo-part="primary"],
:root[data-mode="dark"] .doctor-section [data-kumo-part="primary"],
:root[data-mode="dark"] .sticky-card [data-kumo-part="primary"] {
  background: var(--surface) !important;
}

:root[data-mode="dark"] .hero-card [data-kumo-part="secondary"],
:root[data-mode="dark"] .platform-card [data-kumo-part="secondary"],
:root[data-mode="dark"] .command-card [data-kumo-part="secondary"],
:root[data-mode="dark"] .score-card [data-kumo-part="secondary"],
:root[data-mode="dark"] .doctor-section [data-kumo-part="secondary"],
:root[data-mode="dark"] .sticky-card [data-kumo-part="secondary"] {
  background: var(--surface-2) !important;
}

:root[data-mode="dark"] .feature-card,
:root[data-mode="dark"] .doctor-promo {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

:root[data-mode="dark"] .site-header > button,
:root[data-mode="dark"] .command-row > button { color: var(--text) !important; }
:root[data-mode="dark"] .search-box input,
:root[data-mode="dark"] textarea { color: var(--text) !important; }
:root[data-mode="dark"] .search-box input::placeholder,
:root[data-mode="dark"] textarea::placeholder { color: var(--muted) !important; opacity: 1; }
:root[data-mode="dark"] .secondary-link,
:root[data-mode="dark"] .platform-tabs button,
:root[data-mode="dark"] .error-item,
:root[data-mode="dark"] .callout,
:root[data-mode="dark"] .search-box {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}