/* LifeAidFund Theme System - Light / Dark */
:root, [data-theme="light"] {
  --bg: #f8fafc;
  --bg-card: #ffffff;
  --bg-sidebar: #ffffff;
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --primary: #22c55e;
  --primary-dark: #16a34a;
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --input-bg: #ffffff;
  --nav-bg: rgba(255,255,255,0.98);
}

[data-theme="dark"] {
  --bg: #0f172a;
  --bg-card: #1e293b;
  --bg-sidebar: #1e293b;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --border: #334155;
  --primary: #22c55e;
  --primary-dark: #16a34a;
  --shadow: 0 2px 12px rgba(0,0,0,0.3);
  --input-bg: #1e293b;
  --nav-bg: rgba(30,41,59,0.98);
}

body {
  background: var(--bg) !important;
  color: var(--text);
  transition: background 0.25s, color 0.25s;
}

.card, .stat-card, .campaign-card, .donate-box, .sidebar, .navbar {
  background: var(--bg-card) !important;
  color: var(--text);
  border-color: var(--border) !important;
}

.sidebar {
  background: var(--bg-sidebar) !important;
  box-shadow: var(--shadow);
}

.navbar {
  background: var(--nav-bg) !important;
}

.text-muted { color: var(--text-muted) !important; }

.form-control, .form-select {
  background: var(--input-bg) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

.table {
  color: var(--text);
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--border);
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: rgba(34,197,94,0.08);
}

.table-light, thead.table-light, .table > thead {
  background: var(--bg) !important;
  color: var(--text-muted) !important;
  --bs-table-bg: var(--bg);
  --bs-table-color: var(--text-muted);
}

.border, .border-bottom, hr {
  border-color: var(--border) !important;
}

.nav-link {
  color: var(--text-muted) !important;
}
.nav-link:hover, .nav-link.active {
  color: var(--primary) !important;
  background: rgba(34,197,94,0.1) !important;
}

.card-header {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text);
}

.bg-white { background: var(--bg-card) !important; }
.bg-light { background: var(--bg) !important; }

.theme-toggle-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.theme-toggle-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/* Dark mode overrides for badges and alerts remain readable */
[data-theme="dark"] .alert-success {
  background: #14532d;
  border-color: #166534;
  color: #bbf7d0;
}
[data-theme="dark"] .alert-danger {
  background: #7f1d1d;
  border-color: #991b1b;
  color: #fecaca;
}
[data-theme="dark"] .alert-warning {
  background: #78350f;
  border-color: #92400e;
  color: #fde68a;
}

[data-theme="dark"] .progress {
  background: #334155;
}

[data-theme="dark"] footer.bg-dark {
  background: #020617 !important;
}