/* Vaultwarden Venom theme — black base, venom purple + toxic accents */
:root {
  --bwi-font-family: 'bwi-font', -apple-system, "Segoe UI", Roboto, sans-serif;
  --color-background: #0a0014 !important;
  --color-background-alt: #120022 !important;
  --color-background-alt2: #1a0032 !important;
  --color-primary-500: #8B00FF !important;
  --color-primary-700: #6B00CC !important;
  --color-primary-300: #B561FF !important;
  --color-text-main: #E8E0FF !important;
  --color-text-muted: #9C7EBC !important;
  --color-border: #2a0a4a !important;
  --color-success-500: #39FF14 !important;
  --color-danger-500: #FF0066 !important;
}

html, body {
  background: radial-gradient(ellipse at top, #120022 0%, #0a0014 50%, #000000 100%) !important;
  color: #E8E0FF !important;
}

/* Card / panel backgrounds */
.card, .card-body, .card-header, .bg-body, .list-group-item, .form-control,
.modal-content, .modal-body, .dropdown-menu, .bit-table, .bit-table tbody {
  background-color: #120022 !important;
  color: #E8E0FF !important;
  border-color: #2a0a4a !important;
}

/* Primary buttons — venom purple with glow */
.btn-primary, button.btn-primary, .btn.btn-primary {
  background-color: #8B00FF !important;
  border-color: #8B00FF !important;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(139, 0, 255, 0.5);
  transition: all 0.2s;
}
.btn-primary:hover {
  background-color: #6B00CC !important;
  box-shadow: 0 0 16px rgba(139, 0, 255, 0.8) !important;
}

/* Outline buttons */
.btn-outline-primary, .btn-outline-secondary {
  border-color: #8B00FF !important;
  color: #B561FF !important;
}
.btn-outline-primary:hover, .btn-outline-secondary:hover {
  background-color: #8B00FF !important;
  color: #fff !important;
}

/* Links */
a, a:visited {
  color: #B561FF !important;
}
a:hover {
  color: #39FF14 !important;
  text-shadow: 0 0 4px rgba(57, 255, 20, 0.6);
}

/* Form inputs */
input.form-control, select.form-control, textarea.form-control,
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
  background-color: #0a0014 !important;
  border-color: #2a0a4a !important;
  color: #E8E0FF !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: #8B00FF !important;
  box-shadow: 0 0 0 0.2rem rgba(139, 0, 255, 0.35) !important;
}

/* Nav / top bar */
.navbar, nav, .header, header {
  background-color: #000000 !important;
  border-bottom: 1px solid #8B00FF !important;
  box-shadow: 0 2px 12px rgba(139, 0, 255, 0.3);
}

/* Headings with slight toxic glow */
h1, h2, h3, h4, h5, h6, .lead {
  color: #E8E0FF !important;
  text-shadow: 0 0 2px rgba(139, 0, 255, 0.3);
}

/* Icons — purple by default */
i.bwi, [class^="bwi-"], [class*=" bwi-"] {
  color: #B561FF !important;
}

/* Success / danger pops */
.text-success, .badge-success { color: #39FF14 !important; }
.text-danger, .badge-danger { color: #FF0066 !important; }

/* Toast / alert */
.alert { background-color: #120022 !important; border-color: #8B00FF !important; color: #E8E0FF !important; }

/* Scroll / selection */
::selection { background: #8B00FF; color: #fff; }
::-webkit-scrollbar { width: 10px; background: #0a0014; }
::-webkit-scrollbar-thumb { background: #6B00CC; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #8B00FF; }

/* Logo area subtle glow */
.logo img, .logo-image, img[alt*="Vault"] {
  filter: drop-shadow(0 0 6px rgba(139, 0, 255, 0.6)) hue-rotate(250deg) saturate(1.3);
}