/* ===============================
   DARK MODE – GLOBAL
   =============================== */

body.dark {
  background: #0f172a;
  color: #e5e7eb;
}

/* -------- TEXT -------- */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark p,
body.dark label {
  color: #e5e7eb;
}

/* -------- CARD -------- */
body.dark .card,
body.dark .form-container,
body.dark .info-card {
  background: #1e293b;
  color: #e5e7eb;
  box-shadow: 0 8px 25px rgba(0,0,0,0.6);
}

/* -------- INPUT -------- */
body.dark input,
body.dark textarea,
body.dark select {
  background: #020617;
  color: #e5e7eb;
  border: 1px solid #334155;
}

body.dark input::placeholder {
  color: #94a3b8;
}

/* -------- BUTTON -------- */
body.dark .btn-primary {
  background: #2563eb;
  border-color: #2563eb;
}

body.dark .btn-danger {
  background: #dc2626;
}

/* -------- TABLE -------- */
body.dark .table {
  background: #020617;
  color: #e5e7eb;
}

body.dark .table thead th {
  background: #1e293b;
  color: #e5e7eb;
}

/* -------- AUTH PAGE -------- */
body.dark .form-section {
  background: #020617;
}

body.dark .info-section {
  background: linear-gradient(135deg, #020617, #0f172a);
}

/* -------- LINK -------- */
body.dark a {
  color: #60a5fa;
}