:root {
  --brand: #2f6bff;
  --brand-d: #1f56e0;
  --brand-s: #eaf1ff;
  --ink: #0f1b33;
  --muted: #6b7790;
  --line: #e6ebf2;
  --bg: #f5f7fb;
  --radius: 12px;
}

body {
  background: var(--bg);
}

.card {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 8px 24px rgba(15, 27, 51, 0.04);
}

.card-header h5,
.card-header {
  color: var(--ink);
  font-weight: 650;
}

.btn-primary {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  border-radius: 10px !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--brand-d) !important;
  border-color: var(--brand-d) !important;
}

.list-group-item.active,
.nav-pills .nav-link.active {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

.text-primary,
a.text-primary {
  color: var(--brand) !important;
}

.sidebar-nav .list-group-item {
  border-radius: 8px;
  margin-bottom: 4px;
}

.page-title,
h4,
h5 {
  color: var(--ink);
}