:root {
  --ui-border-hover: rgba(255, 255, 255, 0.22);
  --ui-border-focus: rgba(255, 255, 255, 0.28);
  --ui-border-selected: rgba(255, 255, 255, 0.32);
}

.form-group input:focus,
.form-group textarea:focus,
.comment-input:focus,
.profile-color-hex:focus {
  border-color: var(--ui-border-focus) !important;
}

.nav-user-btn:hover,
.nav-user.is-open .nav-user-btn {
  border-color: var(--ui-border-hover) !important;
}

.forum-btn:hover:not(.forum-btn--no-accent) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--ui-border-hover) !important;
}

.forum-form input:focus,
.forum-form textarea:focus,
.forum-compose-title:focus,
.forum-compose-body:focus {
  border-color: var(--ui-border-focus) !important;
}

.admin-tile:hover,
.admin-email-show:hover {
  border-color: var(--ui-border-hover) !important;
}

.admin-toggle:focus-visible {
  outline-color: var(--ui-border-selected) !important;
}

.gallery-nav:hover,
.gallery-zoom:hover,
.lightbox-close:hover,
.lightbox-nav:hover {
  border-color: var(--ui-border-hover) !important;
}

.crypto-trigger:hover,
.crypto-select.is-open .crypto-trigger {
  border-color: var(--ui-border-focus) !important;
}

.plan-option.is-selected,
.pay-option.is-selected {
  border-color: var(--ui-border-selected) !important;
}

.invite-info-btn:hover,
.invite-info.is-open .invite-info-btn {
  border-color: var(--ui-border-hover) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.admin-form-row input:focus,
.admin-form-row select:focus,
.admin-field-full input:focus,
.admin-license-days-input:focus,
.admin-select-input:focus {
  outline: none;
  border-color: var(--ui-border-focus) !important;
}

.chat-send:hover {
  color: rgba(255, 255, 255, 0.85) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}