/* ======================================================
   THEME: TEAL
   ====================================================== */

/* Botón sólido */
.btn-teal {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00FFB2;
  --bs-btn-border-color: #00FFB2;
  --bs-btn-hover-bg: #00DF9C;
  --bs-btn-hover-border-color: #00DF9C;
  --bs-btn-active-bg: #11795b;
  --bs-btn-active-border-color: #11795b;
  --bs-btn-disabled-bg: #00FFB2;
  --bs-btn-disabled-border-color: #00FFB2;
  --bs-btn-focus-shadow-rgb: 32, 201, 151;
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

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

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

/* Botón outline */
.btn-outline-teal {
  color: #00FFB2;
  border-color: #00FFB2;
}

.btn-outline-teal:hover {
  background-color: #00FFB2;
  border-color: #00FFB2;
  color: #fff;
}

/* Textos, fondos, bordes */
.text-teal { color: #00FFB2 !important; }
.bg-teal { background-color: #00FFB2 !important; color: #fff !important; }
.border-teal { border-color: #00FFB2 !important; }

/* Variantes “subtle” */
.bg-teal-subtle { background-color: #d2f4ea !important; }
.text-teal-emphasis { color: #13795b !important; }
.border-teal-subtle { border-color: #87e2ca !important; }

/* Alert */
.alert-teal {
  color: #13795b;
  background-color: #d2f4ea;
  border-color: #87e2ca;
}