/* ============================================================================
   WOMSO Market — Dark Mode (auto via prefers-color-scheme)
   Geltungsbereich: nur Pages, die diese Datei explizit einbinden.
   Aktuell: login.html, register.html, account.html, watchlist.html,
            imprint.html, privacy.html, terms.html
   ============================================================================ */

@media (prefers-color-scheme: dark) {

  /* === Body / Page Background === */
  body.bg-\[\#FAFAFB\],
  body[class*="bg-[#FAFAFB]"] {
    background-color: #0E0E12 !important;
  }

  /* === Header (sticky) === */
  header.bg-white\/90 {
    background-color: rgba(20, 20, 26, 0.92) !important;
    border-bottom-color: #2A2A33 !important;
  }
  header .text-brand-500 { color: #FF5BA3 !important; }
  header .text-ink-700, header nav a { color: #C9C9D2 !important; }
  header nav a:hover { color: #FF5BA3 !important; }

  /* The pink Logo-Square keeps its gradient - no override needed */

  /* === Card surfaces (white → dark) === */
  .bg-white {
    background-color: #16161C !important;
  }
  .bg-\[\#FAFAFB\] {
    background-color: #0E0E12 !important;
  }

  /* === Borders === */
  .border-neutral-200 {
    border-color: #2A2A33 !important;
  }
  .border-neutral-100 {
    border-color: #20202A !important;
  }
  .divide-neutral-100 > * + * {
    border-color: #20202A !important;
  }

  /* === Text colors === */
  body, .text-ink-900 { color: #ECECEF !important; }
  .text-ink-700 { color: #BABAC2 !important; }
  .text-ink-500 { color: #8A8A92 !important; }
  .text-ink-300 { color: #4A4A52 !important; }

  /* === Brand pink stays vibrant === */
  .text-brand-600, .text-brand-700 { color: #FF5BA3 !important; }
  .text-brand-500 { color: #FF5BA3 !important; }

  /* === Buttons & Links === */
  .border-neutral-200.hover\:border-brand-400:hover {
    border-color: #FF5BA3 !important;
  }
  /* Form inputs */
  input[type="text"], input[type="email"], input[type="password"], textarea, select {
    background-color: #1C1C24 !important;
    color: #ECECEF !important;
    border-color: #2A2A33 !important;
  }
  input::placeholder, textarea::placeholder { color: #6B6B73 !important; }

  /* Error/Success boxes */
  .bg-red-50 { background-color: #2A1414 !important; }
  .border-red-200 { border-color: #5A2424 !important; }
  .text-red-600 { color: #FF7A7A !important; }
  .bg-brand-50 { background-color: #2A1424 !important; }

  /* Watchlist row hover bg */
  .hover\:bg-neutral-50:hover { background-color: #1C1C24 !important; }
  .hover\:bg-brand-50\/60:hover { background-color: #2A1424 !important; }

  /* Footer area */
  footer.bg-white { background-color: #0E0E12 !important; }
  footer .border-neutral-200 { border-color: #2A2A33 !important; }

  /* Badge backgrounds (e.g. Premium pill, role chip) */
  .bg-neutral-100 { background-color: #20202A !important; }
  .bg-neutral-50  { background-color: #1C1C24 !important; }
  .bg-brand-100   { background-color: #3A1A2A !important; }
  .text-brand-700 { color: #FF93C2 !important; }

  /* SVG icons inheriting currentColor adapt automatically */

  /* Watchlist note icon (currentColor) — leave as-is */

  /* Session-card dividers etc. */
  .border-t.border-neutral-200,
  .border-b.border-neutral-200 { border-color: #2A2A33 !important; }
}