/* Questrade-style green theme override. Remove this file/link to revert to indigo. */
.dark {
  --color-accent: #00a651;
}
:root {
  --color-accent: #00a651;
}
.gradient-primary {
  background: linear-gradient(135deg, #00a651 0%, #008c44 50%, #006b34 100%) !important;
}
.text-gradient {
  background: linear-gradient(135deg, #00a651 0%, #008c44 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.btn-primary {
  background: #00a651 !important;
  border-color: #00a651 !important;
}
.btn-primary:hover {
  background: #008c44 !important;
  border-color: #008c44 !important;
}
.border-accent, .focus\:border-accent:focus {
  border-color: #00a651 !important;
}
.text-accent {
  color: #00a651 !important;
}
.bg-accent {
  background-color: #00a651 !important;
}
.hover\:text-accent:hover {
  color: #00a651 !important;
}
.hover\:bg-accent:hover {
  background-color: #00a651 !important;
}
/* Replace indigo in common components */
input:focus, .form-control:focus, select:focus, textarea:focus {
  border-color: rgba(0, 166, 81, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.15) !important;
}
a.text-accent, .text-indigo-400 {
  color: #00a651 !important;
}
.bg-indigo-500\/10, .bg-indigo-500\/20 {
  background-color: rgba(0, 166, 81, 0.1) !important;
}
.border-indigo-500\/20, .border-indigo-500\/30 {
  border-color: rgba(0, 166, 81, 0.2) !important;
}
/* Sidebar/header active state */
.sidebar .nav-item.active i,
.sidebar .nav-item.active svg {
  color: #00a651 !important;
}
.sidebar .nav-item.active {
  background: rgba(0, 166, 81, 0.08) !important;
  border-color: rgba(0, 166, 81, 0.2) !important;
}
.live-indicator {
  background: linear-gradient(135deg, #00a651, #008c44) !important;
}