body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.sidebar {
  background-color: var(--bg-sidebar);
  border-right: 1px solid var(--border-color);
}

.topbar {
  background-color: var(--bg-surface);
  border-bottom: 1px solid var(--border-color);
}

.card {
  background-color: var(--bg-surface);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

.table th {
  background-color: var(--bg-surface-elevated);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-color);
}

.table td {
  border-bottom: 1px solid var(--border-color);
}

.form-control, .form-select {
  background-color: var(--bg-surface);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

.form-control:focus, .form-select:focus {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}