/* Onyx Plugins — Minimal Dark & Purple Aesthetics */

:root {
  --primary-purple: #9d4edd;
  --dark-bg: #0b0c10;
  --dark-card: #12131a;
  --border-subtle: #20222f;
}

body {
  background-color: #0b0c10 !important;
  color: #c5c6c7 !important;
}

/* Cards & Containers */
.bg-card, [class*="card"] {
  background-color: #12131a !important;
  border: 1px solid #20222f !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Primary Action Buttons */
.btn-primary, button[type="submit"], [class*="bg-accent"] {
  background-color: #7b2cbf !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  transition: all 0.15s ease-in-out !important;
}

.btn-primary:hover, button[type="submit"]:hover, [class*="bg-accent"]:hover {
  background-color: #9d4edd !important;
  box-shadow: 0 0 15px rgba(157, 78, 221, 0.4) !important;
}

/* Header & Navigation */
header {
  background-color: #0f1016 !important;
  border-bottom: 1px solid #1c1d27 !important;
}

/* Inputs & Forms */
input, select, textarea {
  background-color: #09090d !important;
  border: 1px solid #282a38 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #9d4edd !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(157, 78, 221, 0.2) !important;
}

/* Badges & Tags */
.badge, [class*="badge"] {
  background-color: #241433 !important;
  color: #c77dff !important;
  border: 1px solid #3c1e5a !important;
}