/* Minimal dark theme overrides using CSS variables */
:root{
  --bg: #ffffff;
  --surface: #f8f9fa;
  --text: #111827;
  --muted: #6b7280;
  --primary: #0d6efd;
  --card-bg: #ffffff;
  --card-border: rgba(15, 23, 42, 0.08);
}

.dark-theme{
  --bg: #0b0f14;
  --surface: #0f1720;
  --text: #e6eef6;
  --muted: #cbd5f5;
  --primary: #60a5fa;
  --card-bg: #0b1220;
  --btn-text: #0b1220;
  --card-border: rgba(148, 163, 184, 0.25);
}

/* Apply variables to common selectors */
html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
  transition: background var(--transition-duration) ease, color var(--transition-duration) ease;
}

.header-wrapper, .pc-header, .pc-announcement-offcanvas, .pc-h-dropdown, .dropdown-user-profile, .dropdown-menu {
  background: var(--surface) !important;
}

.card, .card-body, .pc-h-dropdown, .dropdown-user-profile .dropdown-body {
  background: var(--card-bg) !important;
  color: var(--text) !important;
  transition: background var(--transition-duration) ease, color var(--transition-duration) ease;
}

a, .pc-head-link, .nav-link, .breadcrumb, .text-muted {
  color: var(--text) !important;
}

.badge, .btn-outline-secondary {
  background: rgba(255,255,255,0.06) !important;
  color: var(--text) !important;
}

/* Sidebar specific tweaks */
.pc-sidebar, .pc-sidebar .pc-item, .pc-sidebar .pc-link {
  background: var(--surface) !important;
  color: var(--text) !important;
}

/* Tables and lists */
.table, .table th, .table td {
  color: var(--text) !important;
}

/* Inputs */
.form-control {
  background: rgba(255,255,255,0.04) !important;
  color: var(--text) !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* small helper for toast/notifier */
.notifier, .notifier * { color: var(--text) !important; }