:root {
  --stylon-primary: #2563EB;
  --stylon-secondary: #0EA5E9;
  --stylon-dark: #0F172A;
  --stylon-bg: #F8FAFC;
  --stylon-success: #22C55E;
  --stylon-danger: #EF4444;
  --stylon-warning: #F59E0B;
}
.btn-primary {
  background-color: var(--stylon-primary);
  border-color: var(--stylon-primary);
}

.btn-primary:hover {
  background-color: #1D4ED8;
  border-color: #1D4ED8;
}

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

.btn-outline-primary:hover {
  background-color: var(--stylon-primary);
  color: #fff;
}
.card {
  border: none;
  border-radius: 12px;
}

.table {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

/* Global */
body {
  background-color: var(--stylon-bg);
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont;
  color: #1E293B;
}
.stylon-sidebar {
  background-color: var(--stylon-dark);
  width: 240px;
}

.stylon-sidebar .nav-link {
  color: #CBD5E1;
  border-radius: 6px;
  margin-bottom: 6px;
}

.stylon-sidebar .nav-link.active,
.stylon-sidebar .nav-link:hover {
  background-color: rgba(37, 99, 235, 0.15);
  color: #fff;
}