/* Dark mode overrides — activated by html.dark class */

html.dark {
  --bg-body: #0f172a;
  --bg-panel: #1e293b;
  --bg-card: #1e293b;
  --border-color: #334155;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
}

html.dark body {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
}

/* Panels / cards */
html.dark .panel-white,
html.dark .card-style-1,
html.dark .card-job-1,
html.dark .card-employers-2 {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* Nav / sidebar */
html.dark .nav,
html.dark .box-nav-left {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

html.dark .main-menu a,
html.dark .name {
  color: #94a3b8 !important;
}

html.dark .main-menu a.active,
html.dark .main-menu a:hover {
  color: #60a5fa !important;
  background-color: #1e293b !important;
}

/* Header */
html.dark .header {
  background-color: #0f172a !important;
  border-bottom: 1px solid #334155 !important;
}

html.dark .color-brand-1 {
  color: #60a5fa !important;
}

/* Inputs */
html.dark .form-control,
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark select,
html.dark textarea {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html.dark .form-control::placeholder {
  color: #64748b !important;
}

/* Tables */
html.dark .table,
html.dark table {
  color: #f1f5f9 !important;
}

html.dark .table th,
html.dark table th {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}

html.dark .table td,
html.dark table td {
  border-color: #334155 !important;
}

html.dark tr:hover td {
  background-color: #263348 !important;
}

/* Text utilities */
html.dark .color-text-paragraph,
html.dark .color-text-paragraph-2 {
  color: #94a3b8 !important;
}

html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
  color: #f1f5f9 !important;
}

html.dark .color-brand-2 {
  color: #38bdf8 !important;
}

/* Section box */
html.dark .section-box {
  background-color: transparent !important;
}

/* Buttons */
html.dark .btn-grey-small,
html.dark .btn-grey {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
}

/* Borders */
html.dark .border-bottom {
  border-color: #334155 !important;
}

/* Breadcrumbs / dividers */
html.dark hr {
  border-color: #334155 !important;
}

/* Scrollbar */
html.dark ::-webkit-scrollbar-track { background: #1e293b; }
html.dark ::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }