/* Portada y privacidad: tema nocturno automático. */
@media (prefers-color-scheme: dark) {
  html, body { background: #171B26; color: #F6F4ED; color-scheme: dark; }
  body { --piloto-paper: #F6F4ED; --piloto-muted: #B8BECC; --piloto-surface: #242A38; --piloto-border: #7F8798; }
  a, .mode-link, .privacy-block a, .privacy-content a { color: #D4F568; }
  :is(a, button):focus-visible { outline-color: #D4F568; }
  .site-header, .art-caption, .section, .privacy-header, .privacy-footer { border-color: #515A6B; }
  .site-nav .open-app, .mode-card, .privacy-block,
  .privacy-content .note, .privacy-content .controls {
    background: #242A38; color: #F6F4ED; border-color: #7F8798;
  }
  .mode-card:nth-child(2) { background: #302B42; }
  .hero h1, .art-caption strong, .section-heading h2, .mode-card h3,
  .step h3, .privacy-block h2, .privacy-lines h3,
  .privacy-content h1, .privacy-content h2, .privacy-content h3,
  .privacy-header a { color: #F6F4ED; }
  .hero-intro, .entry-note, .section-heading p, .mode-card p,
  .step p, .privacy-block p, .privacy-content p,
  .site-footer, .site-footer a, .source-note, .source-note a,
  .privacy-footer { color: #B8BECC; }
  .eyebrow, .step-number { color: #D4F568; }
  .brand-name, .privacy-header img { filter: brightness(0) invert(1); }
  .privacy-lines h3 img { filter: invert(95%); }
  .site-nav .open-app { color: #F6F4ED; }
  .entry-button, .club-public-badge, .club-sticker { color: #171B26; }
}