:root {
  --cp-primary: #7B35BC;
  --cp-primary-rgb: 123, 53, 188;
  --cp-primary-dark: #6A2DA8;
  --cp-primary-dark-rgb: 106, 45, 168;
  --cp-action-bg: #7B35BC;
  --cp-titular-color: #9B5DD4;
  --cp-titular-rgb: 155, 93, 212;
  --cp-dependente-color: #7B35BC;
  --cp-step-active-color: #7B35BC;
  --cp-primary-soft: #F4ECFB;
  --cp-primary-muted: #E9D9F7;
  --cp-primary-gradient: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);
  --cp-primary-gradient-horizontal: linear-gradient(90deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);
  --cp-action-gradient: linear-gradient(135deg, var(--cp-action-bg) 0%, var(--cp-titular-color) 100%);
  --cp-action-gradient-hover: linear-gradient(135deg, var(--cp-primary-dark) 0%, var(--cp-primary) 100%);
  --cp-sidebar-gradient: linear-gradient(180deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);
}

.sidebar-gradient {
  background: var(--cp-sidebar-gradient) !important;
}

.card-gradient-1,
.card-gradient-3 {
  background: var(--cp-primary-gradient) !important;
}

.filter-gradient,
.table-header,
.rk-filter-gradient,
.rk-table-header,
.vg-filter-gradient,
.vg-table-header,
.fnl-filter-gradient,
.fnl-table-header {
  background: var(--cp-primary-gradient-horizontal) !important;
}

.btn-search,
.rk-btn-search,
.vg-btn-search,
.ri-btn-search {
  background: var(--cp-action-gradient) !important;
}

.btn-search:hover,
.rk-btn-search:hover,
.vg-btn-search:hover,
.ri-btn-search:hover {
  background: var(--cp-action-gradient-hover) !important;
}

.bg-blue-600,
.bg-indigo-600,
.hover\:bg-blue-600:hover,
.hover\:bg-indigo-600:hover {
  background-color: var(--cp-primary) !important;
}

.hover\:bg-blue-700:hover,
.hover\:bg-indigo-700:hover {
  background-color: var(--cp-primary-dark) !important;
}

.bg-blue-100,
.bg-indigo-100 {
  background-color: var(--cp-primary-muted) !important;
}

.bg-blue-50,
.bg-indigo-50,
.bg-indigo-50\/20 {
  background-color: rgba(var(--cp-primary-rgb), 0.08) !important;
}

.text-blue-300,
.text-indigo-300 {
  color: var(--cp-titular-color) !important;
}

.text-blue-500,
.text-indigo-500,
.text-blue-600,
.text-indigo-600,
.text-blue-700,
.text-indigo-700,
.text-blue-800,
.text-indigo-800 {
  color: var(--cp-primary) !important;
}

.border-blue-200,
.border-indigo-200 {
  border-color: var(--cp-primary-muted) !important;
}

.focus\:border-blue-500:focus,
.focus\:border-indigo-500:focus,
.focus\:ring-blue-500:focus,
.focus\:ring-indigo-500:focus {
  border-color: var(--cp-primary) !important;
  --tw-ring-color: rgba(var(--cp-primary-rgb), 0.45) !important;
}