/*
 * Filled Bootstrap buttons drawn as outline buttons, site-wide (CSS only, markup keeps its classes).
 * Each filled class takes the variables of its own .btn-outline-* twin from app.css (Bootstrap 5),
 * so hover/active/disabled behave exactly like the outline variant.
 *
 * Not touched: the theme's customized buttons - .btn-primary (gold), .btn-primary-cust, .btn-orange,
 * .btn-cu - and .btn-light (an outline of a near-white colour would be invisible).
 * ID-scoped custom rules (e.g. #bootstrapConfirmModal .btn-danger) still win on specificity.
 * Load AFTER app.css.
 */

.btn-secondary {
  --bs-btn-color: #7987a1;
  --bs-btn-border-color: #7987a1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7987a1;
  --bs-btn-hover-border-color: #7987a1;
  --bs-btn-focus-shadow-rgb: 121, 135, 161;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7987a1;
  --bs-btn-active-border-color: #7987a1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #7987a1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7987a1;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

.btn-success {
  --bs-btn-color: #05a34a;
  --bs-btn-border-color: #05a34a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #05a34a;
  --bs-btn-hover-border-color: #05a34a;
  --bs-btn-focus-shadow-rgb: 5, 163, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #05a34a;
  --bs-btn-active-border-color: #05a34a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #05a34a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #05a34a;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

.btn-danger {
  --bs-btn-color: #ff3366;
  --bs-btn-border-color: #ff3366;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff3366;
  --bs-btn-hover-border-color: #ff3366;
  --bs-btn-focus-shadow-rgb: 255, 51, 102;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff3366;
  --bs-btn-active-border-color: #ff3366;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff3366;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff3366;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

.btn-warning {
  --bs-btn-color: #fbbc06;
  --bs-btn-border-color: #fbbc06;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fbbc06;
  --bs-btn-hover-border-color: #fbbc06;
  --bs-btn-focus-shadow-rgb: 251, 188, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fbbc06;
  --bs-btn-active-border-color: #fbbc06;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fbbc06;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fbbc06;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

.btn-info {
  --bs-btn-color: #66d1d1;
  --bs-btn-border-color: #66d1d1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #66d1d1;
  --bs-btn-hover-border-color: #66d1d1;
  --bs-btn-focus-shadow-rgb: 102, 209, 209;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #66d1d1;
  --bs-btn-active-border-color: #66d1d1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #66d1d1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #66d1d1;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

.btn-dark {
  --bs-btn-color: #060c17;
  --bs-btn-border-color: #060c17;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #060c17;
  --bs-btn-hover-border-color: #060c17;
  --bs-btn-focus-shadow-rgb: 6, 12, 23;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #060c17;
  --bs-btn-active-border-color: #060c17;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #060c17;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #060c17;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}

/* Customized filled button (orange background from custom.css): keep its white text. */
#bootstrapConfirmModal .btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}