/* ===========================
   APLEXCUB STUDENT TOOLS
   dark-mode.css — Dark Mode
   =========================== */

[data-theme="dark"] {
  --color-bg:          #0F172A;
  --color-surface:     #1E293B;
  --color-surface-2:   #334155;
  --color-text:        #F1F5F9;
  --color-text-muted:  #94A3B8;
  --color-border:      #334155;
  --color-shadow:      rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .header {
  background: rgba(15, 23, 42, 0.92);
}

[data-theme="dark"] .tool-card,
[data-theme="dark"] .category-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .search-results {
  background: var(--color-surface);
}

[data-theme="dark"] .search-input {
  background: var(--color-surface);
  color: var(--color-text);
}

[data-theme="dark"] .hero {
  background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);
}

[data-theme="dark"] .footer {
  background: var(--color-surface);
}

[data-theme="dark"] .pwa-banner {
  background: var(--color-surface);
}