:root {
  --app-primary-color: #2563eb;
  --app-primary-rgb: 37, 99, 235;
  --app-secondary-color: #7c3aed;
  --app-secondary-rgb: 124, 58, 237;
}

button.bg-blue-600, a.bg-blue-600, .bg-blue-600:not(.dark) {
  background-color: #2563eb !important;
}

button.bg-blue-600:hover, a.bg-blue-600:hover, .bg-blue-600:hover:not(.dark) {
  background-color: rgba(37, 99, 235, 0.9) !important;
}

button.bg-blue-700, a.bg-blue-700, .bg-blue-700:not(.dark) {
  background-color: rgba(37, 99, 235, 0.9) !important;
}

.text-blue-600, a.text-blue-600 {
  color: #2563eb !important;
}

.border-blue-500, .border-blue-600 {
  border-color: #2563eb !important;
}

.from-blue-600, .via-blue-600, .to-blue-600,
.from-indigo-600, .via-indigo-600, .to-indigo-600 {
  --tw-gradient-from: #2563eb !important;
  --tw-gradient-via: #2563eb !important;
  --tw-gradient-to: #2563eb !important;
}

.bg-secondary, button.bg-secondary {
  background-color: #7c3aed !important;
}

.bg-secondary:hover, button.bg-secondary:hover {
  background-color: rgba(124, 58, 237, 0.9) !important;
}