/* Dark Theme */

body[data-theme='dark'] {
  --primary-bg: #121212;
  --secondary-bg: #1e1e1e;
  --text-color: #e0e0e0;
  --header-bg: linear-gradient(135deg, #1a237e, #1e1e1e);
  --header-text: #ffffff;
  --sidebar-bg: #212121;
  --sidebar-text: #e0e0e0;
  --sidebar-hover-bg: #333333;
  --sidebar-active-bg: #00bfa5; /* A vibrant teal for dark mode */
  --card-border-color: #424242;
  --link-color: #00bfa5;
}

/* Override Bootstrap dark theme defaults for more control */
body[data-theme='dark'] .card {
  color: var(--text-color);
}

body[data-theme='dark'] .table {
  color: var(--text-color);
  --bs-table-bg: var(--secondary-bg);
  --bs-table-border-color: var(--card-border-color);
  --bs-table-striped-bg: #2c2c2c;
  --bs-table-hover-bg: #373737;
}

body[data-theme='dark'] .modal-content {
    background-color: var(--secondary-bg);
    color: var(--text-color);
}

body[data-theme='dark'] .form-control,
body[data-theme='dark'] .form-select {
    background-color: #2c2c2c;
    color: var(--text-color);
    border-color: var(--card-border-color);
}

body[data-theme='dark'] .list-group-item {
    background-color: var(--secondary-bg);
    border-color: var(--card-border-color);
}