/* ============================================
   DARK THEME OVERRIDES
   ============================================ */

html[data-theme="dark"] {
  --primary: #A78BFA;
  --primary-light: #C4B5FD;
  --primary-dark: #8B5CF6;
  --secondary: #FBBF24;
  --accent: #34D399;
  --danger: #F87171;
  --bg: #0F172A;
  --bg-subtle: #111827;
  --bg-card: #1E293B;
  --text: #F8FAFC;
  --text-muted: #CBD5E1;
  --text-light: #94A3B8;
  --border: rgba(255,255,255,0.08);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.35);
  --shadow: 0 8px 25px rgba(0,0,0,0.30);
  --shadow-lg: 0 16px 45px rgba(0,0,0,0.40);
}

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

html[data-theme="dark"] .social-auth-btn,
html[data-theme="dark"] .sort-select,
html[data-theme="dark"] .search-field select,
html[data-theme="dark"] .search-field input,
html[data-theme="dark"] .filter-group select,
html[data-theme="dark"] .form-control {
  color-scheme: dark;
}

html[data-theme="dark"] .hero-shape {
  opacity: 0.18;
}

html[data-theme="dark"] .worker-tag,
html[data-theme="dark"] .skill-tag {
  background: rgba(167,139,250,0.12);
}

html[data-theme="dark"] .feature-card::before {
  opacity: 1;
}

html[data-theme="dark"] .data-table th {
  background: rgba(255,255,255,0.03);
}

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

html[data-theme="dark"] .contact-info-card {
  background: linear-gradient(135deg, #6D28D9, #4C1D95);
}

html[data-theme="dark"] .theme-toggle {
  background: rgba(255,255,255,0.05);
  color: #fff;
}