:root {
  --ug-gray-900: #1a1c1f;
  --ug-gray-800: #24272b;
  --ug-gray-700: #313539;
  --ug-gray-600: #4a4f55;
  --ug-gray-400: #8a9098;
  --ug-gray-200: #e4e6e9;
  --ug-gray-100: #f4f5f6;
  --ug-red-600: #d1293d;
  --ug-red-500: #e33f52;
  --ug-red-100: #fbe4e7;

  --bs-primary: var(--ug-red-600);
  --bs-primary-rgb: 209, 41, 61;
  --bs-body-bg: var(--ug-gray-100);
  --bs-body-color: var(--ug-gray-900);
}

body {
  background-color: var(--ug-gray-100);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.navbar-ug {
  background-color: var(--ug-gray-900);
}

.navbar-ug .navbar-brand,
.navbar-ug .nav-link {
  color: var(--ug-gray-100) !important;
}

.navbar-ug .nav-link.active {
  color: var(--ug-red-500) !important;
  font-weight: 600;
}

.sidebar-ug {
  background-color: var(--ug-gray-800);
  min-height: calc(100vh - 56px);
}

.sidebar-ug .nav-link {
  color: var(--ug-gray-200);
  border-radius: 6px;
  padding: 0.6rem 0.9rem;
}

.sidebar-ug .nav-link:hover,
.sidebar-ug .nav-link.active {
  background-color: var(--ug-red-600);
  color: #fff;
}

.btn-ug-primary {
  background-color: var(--ug-red-600);
  border-color: var(--ug-red-600);
  color: #fff;
}

.btn-ug-primary:hover {
  background-color: var(--ug-red-500);
  border-color: var(--ug-red-500);
  color: #fff;
}

.card-ug {
  border: 1px solid var(--ug-gray-200);
  border-radius: 12px;
  background: #fff;
}

.stat-card {
  border-left: 4px solid var(--ug-red-600);
}

.badge-status-pending { background-color: var(--ug-gray-400); }
.badge-status-success, .badge-status-completed, .badge-status-approved, .badge-status-swept { background-color: #1e8e5a; }
.badge-status-expired, .badge-status-rejected, .badge-status-failed { background-color: var(--ug-red-600); }
.badge-status-confirming, .badge-status-processing { background-color: #b8860b; }

code, pre {
  background-color: var(--ug-gray-900);
  color: var(--ug-gray-100);
  border-radius: 8px;
}

pre {
  padding: 1rem;
  overflow-x: auto;
}