/* Champi dark theme, part 2 — fixes for the pages beyond home / trade x city / provider
   (leaderboard, landing, nosotros, radiografia, reclamos, price guides, ...). Same loading rules as
   dark.css: only with WEB_DARK_MODE_ENABLED, via media="(prefers-color-scheme: dark)", and every
   selector is scoped under `body.dm`. Contrast target: text >= 4.5:1 on its surface. */

@media (prefers-color-scheme: dark) {
  /* Tokens that only some pages read (undefined elsewhere, so the light fallback leaked in). */
  body.dm main { --t2: #a8b3c1; }

  body.dm .lb-sidebar-footer { color: #94a3b8; } /* 3.07:1 -> 6.1:1 on the navy card */

  /* Outline "secondary" button (white text + translucent white border): the flipped --white was
     the dark surface colour, so label and border vanished on the dark page. */
  body.dm .cta-secondary,
  body.dm .cta-secondary:hover { color: #f7fafc; }

  /* Amber nav pill used inside <main> (nosotros): dark label on amber, not the flipped light one. */
  body.dm .nav-cta { color: #1a2332 !important; }

  /* Home chat-phone demo cards: avatar tile + WhatsApp green button labels. */
  body.dm .cd-card-avatar { background: linear-gradient(135deg, #1e293b 0%, #2c3e5e 100%); color: #fbbf24; }
  body.dm .cd-card-contact { color: #0f2a1a; }

  /* Leaderboard podium avatars sit on light gradients: keep a dark initial. */
  body.dm .lb-podium-avatar { color: #1a2332; }
}