/* Light-mode contrast pass for Bootstrap light buttons. */
:root {
  --app-btn-light-color: #1f2937;
  --app-btn-light-bg: #f8fafc;
  --app-btn-light-border: #64748b;
  --app-btn-light-hover-color: #111827;
  --app-btn-light-hover-bg: #e2e8f0;
  --app-btn-light-hover-border: #475569;
  --app-btn-light-active-color: #111827;
  --app-btn-light-active-bg: #cbd5e1;
  --app-btn-light-active-border: #334155;
  --app-btn-light-disabled-color: #64748b;
  --app-btn-light-disabled-bg: #f1f5f9;
  --app-btn-light-disabled-border: #94a3b8;
  --app-btn-light-focus-shadow-rgb: 37, 99, 235;
}

:root:not([data-bs-theme="dark"]) .btn-light,
:root:not([data-bs-theme="dark"]) .btn-outline-light {
  --bs-btn-color: var(--app-btn-light-color);
  --bs-btn-bg: var(--app-btn-light-bg);
  --bs-btn-border-color: var(--app-btn-light-border);
  --bs-btn-hover-color: var(--app-btn-light-hover-color);
  --bs-btn-hover-bg: var(--app-btn-light-hover-bg);
  --bs-btn-hover-border-color: var(--app-btn-light-hover-border);
  --bs-btn-focus-shadow-rgb: var(--app-btn-light-focus-shadow-rgb);
  --bs-btn-active-color: var(--app-btn-light-active-color);
  --bs-btn-active-bg: var(--app-btn-light-active-bg);
  --bs-btn-active-border-color: var(--app-btn-light-active-border);
  --bs-btn-disabled-color: var(--app-btn-light-disabled-color);
  --bs-btn-disabled-bg: var(--app-btn-light-disabled-bg);
  --bs-btn-disabled-border-color: var(--app-btn-light-disabled-border);
}

:root:not([data-bs-theme="dark"]) .btn-light.border,
:root:not([data-bs-theme="dark"]) .btn-outline-light.border {
  border-color: var(--app-btn-light-border) !important;
}

:root:not([data-bs-theme="dark"]) .btn-light:hover.border,
:root:not([data-bs-theme="dark"]) .btn-light:focus-visible.border,
:root:not([data-bs-theme="dark"]) .btn-outline-light:hover.border,
:root:not([data-bs-theme="dark"]) .btn-outline-light:focus-visible.border {
  border-color: var(--app-btn-light-hover-border) !important;
}

:root:not([data-bs-theme="dark"]) .btn-light:focus-visible,
:root:not([data-bs-theme="dark"]) .btn-outline-light:focus-visible {
  box-shadow: 0 0 0 .2rem rgba(var(--app-btn-light-focus-shadow-rgb), .28);
}

:root:not([data-bs-theme="dark"]) .btn-light:disabled,
:root:not([data-bs-theme="dark"]) .btn-light.disabled,
:root:not([data-bs-theme="dark"]) .btn-outline-light:disabled,
:root:not([data-bs-theme="dark"]) .btn-outline-light.disabled {
  opacity: 1;
}

@media (forced-colors: active) {
  :root:not([data-bs-theme="dark"]) .btn-light,
  :root:not([data-bs-theme="dark"]) .btn-outline-light {
    border-color: ButtonText;
  }
}