/* =========================================================================
   SinRegistro.ar · PWA - dark-mode.css
   Activado con body.theme-dark (manual) o @media (prefers-color-scheme: dark)
   ========================================================================= */

@media (prefers-color-scheme: dark) {
  body:not(.theme-light) {
    --c-bg:       #0e0e0e;
    --c-bg-soft:  #1a1a1a;
    --c-bg-card:  #181818;
    --c-border:   #2a2a2a;
    --c-text:     #ececec;
    --c-text-soft:#b8b8b8;
    --c-muted:    #7a7a7a;
    --c-accent:   #ececec;
  }
  body:not(.theme-light) .header-btn:hover { background: #222; }
  body:not(.theme-light) .news-card { background: var(--c-bg-card); border: 1px solid var(--c-border); }
  body:not(.theme-light) .article-body { color: #e8e8e8; }
  body:not(.theme-light) .article-hero,
  body:not(.theme-light) .news-card .nc-img { background: #222; }
  body:not(.theme-light) .search-bar input { background: #1a1a1a; color: #e8e8e8; }
  body:not(.theme-light) .skeleton {
    background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
    background-size: 200% 100%;
  }
}

body.theme-dark {
  --c-bg:       #0e0e0e;
  --c-bg-soft:  #1a1a1a;
  --c-bg-card:  #181818;
  --c-border:   #2a2a2a;
  --c-text:     #ececec;
  --c-text-soft:#b8b8b8;
  --c-muted:    #7a7a7a;
  --c-accent:   #ececec;
  color-scheme: dark;
}
body.theme-dark .header-btn:hover { background: #222; }
body.theme-dark .news-card { background: var(--c-bg-card); border: 1px solid var(--c-border); }
body.theme-dark .article-body { color: #e8e8e8; }
body.theme-dark .article-hero,
body.theme-dark .news-card .nc-img { background: #222; }
body.theme-dark .search-bar input { background: #1a1a1a; color: #e8e8e8; }
body.theme-dark .skeleton {
  background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
  background-size: 200% 100%;
}
body.theme-dark .btn { background: #222; color: #e8e8e8; border-color: #2a2a2a; }
body.theme-dark .btn:hover { background: #2a2a2a; }
body.theme-dark .install-banner { background: #1a1a1a; border-color: #2a2a2a; }
body.theme-dark .bottom-nav { background: #111; }
body.theme-dark .app-header { background: #111; }
body.theme-dark .side-menu { background: #111; }

/* Forzar light si el usuario lo pidió explícitamente */
body.theme-light { color-scheme: light; }