/* ===== Solid variants ===== */

/* Primary (brand red) */
.btn-primary {
  background-color: #E63946 !important;
  border-color: #E63946 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #c72536 !important;
  border-color: #c72536 !important;
  color: #fff !important;
}

/* Secondary (steel blue) — great for "Edit" */
.btn-secondary {
  background-color: #457B9D !important;
  border-color: #457B9D !important;
  color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #37627d !important;
  border-color: #37627d !important;
  color: #fff !important;
}

/* Success (teal) */
.btn-success {
  background-color: #2A9D8F !important;
  border-color: #2A9D8F !important;
  color: #fff !important;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #217c72 !important;
  border-color: #217c72 !important;
}

/* Danger (deep red) */
.btn-danger {
  background-color: #C1121F !important;
  border-color: #C1121F !important;
  color: #fff !important;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #9b0e19 !important;
  border-color: #9b0e19 !important;
}

/* Warning (amber) */
.btn-warning {
  background-color: #E9C46A !important;
  border-color: #E9C46A !important;
  color: #1D3557 !important;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #d4b057 !important;
  border-color: #d4b057 !important;
  color: #1D3557 !important;
}

/* Info (light teal) */
.btn-info {
  background-color: #2472a3 !important;
  border-color: #2472a3 !important;
  color: #ffffff !important;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #0d4669 !important;
  border-color: #0d4669 !important;
  color: #ffffff !important;
}

/* Light (off-white) */
.btn-light {
  background-color: #F1FAEE !important;
  border-color: #dee2e6 !important;
  color: #1D3557 !important;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #e4f4db !important;
  border-color: #cfd6dc !important;
  color: #1D3557 !important;
}

/* Dark (navy) */
.btn-dark {
  background-color: #1D3557 !important;
  border-color: #1D3557 !important;
  color: #fff !important;
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #142540 !important;
  border-color: #142540 !important;
}

/* Base .btn focus/hover cleanup */
.btn:focus {
  box-shadow: none !important;
}

/* ===== Outline variants (transparent by default, fill on hover) ===== */

.btn-outline-primary {
  background-color: transparent !important;
  color: #E63946 !important;
  border-color: #E63946 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #E63946 !important;
  color: #fff !important;
}

.btn-outline-secondary {
  background-color: transparent !important;
  color: #2472a3 !important;
  border-color: #2472a3!important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #2472a3 !important;
  color: #fff !important;
}

.btn-outline-success {
  background-color: transparent !important;
  color: #2A9D8F !important;
  border-color: #2A9D8F !important;
}
.btn-outline-success:hover,
.btn-outline-success:focus {
  background-color: #2A9D8F !important;
  color: #fff !important;
}

.btn-outline-danger {
  background-color: transparent !important;
  color: #C1121F !important;
  border-color: #C1121F !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus {
  background-color: #C1121F !important;
  color: #fff !important;
}

.btn-outline-warning {
  background-color: transparent !important;
  color: #E9C46A !important;
  border-color: #E9C46A !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus {
  background-color: #E9C46A !important;
  color: #1D3557 !important;
}

.btn-outline-info {
  background-color: transparent !important;
  color: #A8DADC !important;
  border-color: #A8DADC !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus {
  background-color: #A8DADC !important;
  color: #1D3557 !important;
}

.btn-outline-light {
  background-color: transparent !important;
  color: #1D3557 !important;
  border-color: #dee2e6 !important;
}
.btn-outline-light:hover,
.btn-outline-light:focus {
  background-color: #F1FAEE !important;
  color: #1D3557 !important;
}

.btn-outline-dark {
  background-color: transparent !important;
  color: #1D3557 !important;
  border-color: #1D3557 !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus {
  background-color: #1D3557 !important;
  color: #fff !important;
}