:root {
  --vb-bg: #0d1117;
  --vb-panel: #161b22;
  --vb-border: #30363d;
  --vb-text: #c9d1d9;
  --vb-muted: #8b949e;
}

body {
  background: var(--vb-bg);
  color: var(--vb-text);
  min-height: 100vh;
}

.nav-dark {
  background: #010409;
  border-color: var(--vb-border) !important;
}

.panel-dark {
  background: var(--vb-panel);
  border: 1px solid var(--vb-border);
  border-radius: 10px;
}

.navbar-brand {
  color: #f0f6fc;
  font-weight: 600;
}

.navbar-brand:hover {
  color: #f0f6fc;
}

.form-control,
.form-select {
  background: #0d1117;
  border-color: var(--vb-border);
  color: var(--vb-text);
}

.form-control:focus,
.form-select:focus {
  background: #0d1117;
  color: var(--vb-text);
  border-color: #58a6ff;
  box-shadow: none;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: #151b23;
  --bs-table-hover-bg: #1a212c;
  --bs-table-border-color: var(--vb-border);
}

.avatar-sm {
  width: 28px;
  height: 28px;
  object-fit: cover;
}

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