:root {
  --bg-main: #121212;
  --bg-card: #1e1e1e;
  --bg-nav: #0d0d0d;
  --bg-table: #1a1a1a;
  --bg-table-head: #222222;
  --bg-table-hover: #262626;
  --border-color: #2c2c2c;
  --text-main: #e4e4e4;
  --text-muted: #9e9e9e;
  --primary: #4dabf7;
}

body {
  background-color: var(--bg-main) !important;
  color: var(--text-main);
}

.navbar {
  background-color: var(--bg-nav) !important;
}

.card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  color: var(--text-main);
}

.table {
  background-color: var(--bg-table) !important;
  color: var(--text-main);
  border-color: var(--border-color);
}

.table thead {
  background-color: var(--bg-table-head) !important;
  color: var(--text-main);
}

.table th,
.table td {
  background-color: var(--bg-table) !important;
  border-color: var(--border-color) !important;
  color: var(--text-main);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #181818 !important;
}

.table-hover tbody tr:hover {
  background-color: var(--bg-table-hover) !important;
}

.form-control,
.form-select {
  background-color: #1e1e1e;
  border: 1px solid var(--border-color);
  color: var(--text-main);
}

.form-control:focus,
.form-select:focus {
  background-color: #1e1e1e;
  color: var(--text-main);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.15rem rgba(77, 171, 247, 0.25);
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-secondary {
  border-color: #444;
  color: #ccc;
}

.text-muted {
  color: var(--text-muted) !important;
}

/* Paginação (tema dark) */
.pagination .page-link {
  background-color: var(--bg-card);
  border-color: var(--border-color);
  color: var(--text-main);
}

.pagination .page-link:hover {
  background-color: var(--bg-table-hover);
  border-color: var(--border-color);
  color: var(--text-main);
}

.pagination .page-link:focus {
  box-shadow: 0 0 0 0.15rem rgba(77, 171, 247, 0.25);
}

.pagination .page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #0b0f14;
}

.pagination .page-item.disabled .page-link {
  background-color: #161616;
  border-color: var(--border-color);
  color: var(--text-muted);
}