/* ══════════════════════════════════════════════════════════════════════════
   AXI-VR — theme overrides (loaded AFTER custom.css so these win).
   The vendored Bootstrap is 5.1, which colours .btn-* with direct values rather
   than the --bs-btn-* variable API custom.css targets, so set the brand palette
   directly here. Also defines the previously-undefined .btn-kick and raises the
   contrast of the dimmest text token (was ~2.9:1, below WCAG minimums).
   ══════════════════════════════════════════════════════════════════════════ */

/* Accessible dim text — lifted from #575c68 (~2.9:1) to ~4.6:1 on the dark ground. */
:root { --m-text-dim: #7d8494; }
:root[data-theme="dark"] { --m-text-dim: #7d8494; }

/* Brand buttons (crimson primary), regardless of Bootstrap version. */
.btn { border-radius: 7px; font-weight: 600; }
.btn-primary { background-color: var(--m-crimson); border-color: var(--m-crimson); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--m-crimson-bright); border-color: var(--m-crimson-bright); color: #fff; }

.btn-secondary { background-color: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.18); color: var(--m-text); }
.btn-secondary:hover, .btn-secondary:focus { background-color: rgba(255,255,255,0.12); border-color: var(--m-crimson); color: #fff; }

.btn-success { background-color: #1f9d57; border-color: #1f9d57; color: #fff; }
.btn-success:hover, .btn-success:focus { background-color: #23b063; border-color: #23b063; color: #fff; }

/* Destructive actions — Kick / Retire / Suspend / Cancel (had no styling at all). */
.btn-kick { background-color: #c0392b; border-color: #c0392b; color: #fff; }
.btn-kick:hover, .btn-kick:focus { background-color: #e04a3a; border-color: #e04a3a; color: #fff; }
.btn-kick {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 7px; font-weight: 600;
    cursor: pointer; text-decoration: none; line-height: 1.4;
}
.btn-kick:disabled { opacity: .6; cursor: not-allowed; }

/* Discord blurple for the external-login button. */
.btn-discord { background-color: #5865F2; border-color: #5865F2; color: #fff; }
.btn-discord:hover, .btn-discord:focus { background-color: #4752c4; border-color: #4752c4; color: #fff; }