h1:focus { outline: none; }
.btn-primary { background: var(--purple) !important; border-color: var(--purple) !important; border-radius: 5px; font-weight: 700; }
.btn-primary:hover { background: #846aff !important; border-color: #846aff !important; }
.btn-link, a { color: var(--cyan); }
.btn-link:hover, a:hover { color: #8ceaf2; }
.form-control { background: #111115; border-color: var(--framework); color: var(--text); border-radius: 5px; }
.form-control:focus { background: #111115; color: var(--text); border-color: var(--purple); box-shadow: 0 0 0 .2rem rgba(118,87,255,.16); }
.form-floating > label { color: var(--muted); }
.form-check-input { background-color: #111115; border-color: var(--framework); }
.form-check-input:checked { background-color: var(--purple); border-color: var(--purple); }
hr { border-color: var(--framework); opacity: 1; }
@media (max-width: 850px) { html, body { max-width: 100%; overflow-x: hidden; } .sidebar, .primary-nav { max-width: 100vw; } }