/* Override de colores para usar el color primary oficial #1ac6d3 y pink #d63384 */

/* Background colors - Primary */
.bg-danger {
  background-color: #1ac6d3 !important;
}

.bg-warning {
  background-color: #d63384 !important;
}

.bg-success {
  background-color: #1ac6d3 !important;
}

.bg-info {
  background-color: #1ac6d3 !important;
}

/* Text colors - Primary */
.text-danger {
  color: #1ac6d3 !important;
}

.text-warning {
  color: #d63384 !important;
}

.text-success {
  color: #1ac6d3 !important;
}

.text-info {
  color: #1ac6d3 !important;
}

/* Border colors - Primary */
.border-danger {
  border-color: #1ac6d3 !important;
}

.border-warning {
  border-color: #d63384 !important;
}

.border-success {
  border-color: #1ac6d3 !important;
}

.border-info {
  border-color: #1ac6d3 !important;
}

/* Badge colors */
.badge.bg-danger {
  background-color: #1ac6d3 !important;
}

.badge.bg-warning {
  background-color: #d63384 !important;
}

.badge.bg-success {
  background-color: #1ac6d3 !important;
}

.badge.bg-info {
  background-color: #1ac6d3 !important;
}

/* Text background colors */
.text-bg-danger {
  color: #000 !important;
  background-color: #1ac6d3 !important;
}

.text-bg-warning {
  color: #fff !important;
  background-color: #d63384 !important;
}

.text-bg-success {
  color: #000 !important;
  background-color: #1ac6d3 !important;
}

.text-bg-info {
  color: #fff !important;
  background-color: #1ac6d3 !important;
}

/* Button colors */
.btn-danger {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

.btn-warning {
  background-color: #d63384 !important;
  border-color: #d63384 !important;
}

.btn-success {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

.btn-info {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

/* Outline button colors */
.btn-outline-danger {
  color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

.btn-outline-warning {
  color: #d63384 !important;
  border-color: #d63384 !important;
}

.btn-outline-success {
  color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

.btn-outline-info {
  color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
}

/* Hover states for outline buttons */
.btn-outline-danger:hover {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
  color: #fff !important;
}

.btn-outline-warning:hover {
  background-color: #d63384 !important;
  border-color: #d63384 !important;
  color: #fff !important;
}

.btn-outline-success:hover {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
  color: #fff !important;
}

.btn-outline-info:hover {
  background-color: #1ac6d3 !important;
  border-color: #1ac6d3 !important;
  color: #fff !important;
}

/* Alert colors */
.alert-danger {
  background-color: rgba(26, 198, 211, 0.1) !important;
  border-color: #1ac6d3 !important;
  color: #1ac6d3 !important;
}

.alert-warning {
  background-color: rgba(214, 51, 132, 0.1) !important;
  border-color: #d63384 !important;
  color: #d63384 !important;
}

.alert-success {
  background-color: rgba(26, 198, 211, 0.1) !important;
  border-color: #1ac6d3 !important;
  color: #1ac6d3 !important;
}

.alert-info {
  background-color: rgba(26, 198, 211, 0.1) !important;
  border-color: #1ac6d3 !important;
  color: #1ac6d3 !important;
}

/* Progress bar colors */
.progress-bar.bg-danger {
  background-color: #1ac6d3 !important;
}

.progress-bar.bg-warning {
  background-color: #d63384 !important;
}

.progress-bar.bg-success {
  background-color: #1ac6d3 !important;
}

.progress-bar.bg-info {
  background-color: #1ac6d3 !important;
}

/* List group item colors */
.list-group-item-danger {
  background-color: rgba(26, 198, 211, 0.1) !important;
  color: #1ac6d3 !important;
}

.list-group-item-warning {
  background-color: rgba(214, 51, 132, 0.1) !important;
  color: #d63384 !important;
}

.list-group-item-success {
  background-color: rgba(26, 198, 211, 0.1) !important;
  color: #1ac6d3 !important;
}

.list-group-item-info {
  background-color: rgba(26, 198, 211, 0.1) !important;
  color: #1ac6d3 !important;
}

/* Table colors */
.table-danger {
  background-color: rgba(26, 198, 211, 0.1) !important;
}

.table-warning {
  background-color: rgba(214, 51, 132, 0.1) !important;
}

.table-success {
  background-color: rgba(26, 198, 211, 0.1) !important;
}

.table-info {
  background-color: rgba(26, 198, 211, 0.1) !important;
}

/* Material Kit specific overrides */
.text-gradient.text-danger {
  background-image: linear-gradient(195deg, #1ac6d3, #0dcaf0) !important;
}

.text-gradient.text-warning {
  background-image: linear-gradient(195deg, #d63384, #e91e63) !important;
}

.text-gradient.text-success {
  background-image: linear-gradient(195deg, #1ac6d3, #0dcaf0) !important;
}

.text-gradient.text-info {
  background-image: linear-gradient(195deg, #1ac6d3, #0dcaf0) !important;
}

/* SVG colors for Material Kit */
svg.text-danger .color-foreground {
  fill: #1ac6d3 !important;
}

svg.text-danger .color-background {
  fill: #0dcaf0 !important;
}

svg.text-warning .color-foreground {
  fill: #d63384 !important;
}

svg.text-warning .color-background {
  fill: #e91e63 !important;
}

svg.text-success .color-foreground {
  fill: #1ac6d3 !important;
}

svg.text-success .color-background {
  fill: #0dcaf0 !important;
}

svg.text-info .color-foreground {
  fill: #1ac6d3 !important;
}

svg.text-info .color-background {
  fill: #0dcaf0 !important;
}

/* Soft background colors */
.bg-danger-soft {
  background: rgba(26, 198, 211, 0.03) !important;
}

.bg-warning-soft {
  background: rgba(214, 51, 132, 0.03) !important;
}

.bg-success-soft {
  background: rgba(26, 198, 211, 0.03) !important;
}

.bg-info-soft {
  background: rgba(26, 198, 211, 0.03) !important;
}

/* Global body background - Slightly darker for better card contrast */
body {
  background-color: #f0f2f5 !important;
}

/* App container background for better card visibility */
.app-container {
  background-color: #f0f2f5 !important;
}

/* Alternative background for sections that need it */
.bg-light {
  background-color: #f0f2f5 !important;
}