/* =======================================
   DARK MODE — residual rules only
   Theme colors live in base.css as CSS custom properties:
   every token is defined in :root (light) and redefined in
   :root[data-theme="dark"]. Components reference the tokens, so they
   need no per-theme overrides here.

   This file keeps only the rules that are structural differences in
   dark mode, not simple color swaps.
======================================= */

/* Generic form controls on pages that have no dark-aware styling of
   their own (manage, import, …). */
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] select {
  background: var(--input-bg);
  border-color: var(--line-strong);
  color: var(--ink);
}

:root[data-theme="dark"] input[type="text"]::placeholder,
:root[data-theme="dark"] input[type="number"]::placeholder {
  color: var(--text-muted);
}

/* Relation score / count chips gain a pill background in dark mode for
   contrast against the dark panels. */
:root[data-theme="dark"] .panel-score,
:root[data-theme="dark"] .two-col-score,
:root[data-theme="dark"] .panel-group-count {
  background: var(--gold-faint);
  color: var(--gold);
  border-radius: 3px;
  padding: 0.1rem 0.35rem;
}

/* SVGs inherit the surrounding text color. */
:root[data-theme="dark"] svg {
  color: inherit;
}