/* Theme Text Colors — Dark mode only
   Handles secondary and accent text colors in dark mode. */

[data-theme="dark"] {
  /* Secondary text with accent (descriptions, metadata, secondary labels) */
  .secondary-text,
  .text-secondary-accent,
  [class*="description"],
  .help-text,
  .meta-text {
    color: var(--text-secondary-accent);
  }

  /* Secondary text in general */
  .text-secondary {
    color: var(--text-secondary);
  }

  /* Ensure all text in card bodies respects theme colors */
  .card-block p,
  .card .card-block p {
    color: var(--text-secondary);
  }

  /* Generic secondary text — see top-level rule below. CSS Nesting Level 1
     drops rules whose selector starts with a bare element name, so the
     `p, span, div { ... }` rule was previously silently ignored here. */
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div {
  color: inherit;
}