/* ======================================================
   THEME: INDIGO
   ====================================================== */

/* Botón sólido */
.btn-indigo {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6610f2;
  --bs-btn-border-color: #6610f2;
  --bs-btn-hover-bg: #520dc2;
  --bs-btn-hover-border-color: #520dc2;
  --bs-btn-active-bg: #3d0a91;
  --bs-btn-active-border-color: #3d0a91;
  --bs-btn-disabled-bg: #6610f2;
  --bs-btn-disabled-border-color: #6610f2;
  --bs-btn-focus-shadow-rgb: 102, 16, 242;
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn-indigo:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color:#FFFFFF !important;
}

.btn-indigo:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

/* Botón outline */
.btn-outline-indigo {
  color: #6610f2;
  border-color: #6610f2;
}

.btn-outline-indigo:hover {
  background-color: #6610f2;
  border-color: #6610f2;
  color: #fff;
}

/* Textos, fondos, bordes */
.text-indigo { color: #6610f2 !important; }
.bg-indigo { background-color: #6610f2 !important; color: #fff !important; }
.border-indigo { border-color: #6610f2 !important; }

/* Variantes “subtle” */
.bg-indigo-subtle { background-color: #e0cffc !important; }
.text-indigo-emphasis { color: #3d0a91 !important; }
.border-indigo-subtle { border-color: #cbb2ff !important; }

/* Alert */
.alert-indigo {
  color: #3d0a91;
  background-color: #e0cffc;
  border-color: #cbb2ff;
}

.bg-login {	
	background-color: #e0cffc;
	opacity: 1;
	background-image:  repeating-linear-gradient(45deg, #6610f2 25%, transparent 25%, transparent 75%, #6610f2 75%, #6610f2), repeating-linear-gradient(45deg, #6610f2 25%, #e0cffc 25%, #e0cffc 75%, #6610f2 75%, #6610f2);
	background-position: 0 0, 28px 28px;
	background-size: 56px 56px;
}