/* CYBERPUNK NEON v4 — nuclear override */

/* === TEST: remove after confirming injection works === */
body { border-top: 5px solid #ff00ff !important; }

/* === Base === */
body, .dark body { background-color: #09090f !important; }

/* === ALL bg-primary-* === */
.bg-primary-50 { background-color: rgba(168,85,247,0.05) !important; }
.bg-primary-100 { background-color: rgba(168,85,247,0.1) !important; }
.bg-primary-200 { background-color: #e9d5ff !important; }
.bg-primary-300 { background-color: #d8b4fe !important; }
.bg-primary-400 { background-color: #c084fc !important; }
.bg-primary-500 { background-color: #a855f7 !important; }
.bg-primary-600 { background-color: #9333ea !important; }
.bg-primary-700 { background-color: #7e22ce !important; }
.bg-primary-800 { background-color: #6b21a8 !important; }
.bg-primary-900 { background-color: #581c87 !important; }
.bg-primary-950 { background-color: #3b0764 !important; }
.bg-primary-500\/10 { background-color: rgba(168,85,247,0.1) !important; }
.bg-primary-500\/15 { background-color: rgba(168,85,247,0.15) !important; }
.bg-primary-500\/20 { background-color: rgba(168,85,247,0.2) !important; }

/* === ALL text-primary-* === */
.text-primary-50 { color: #faf5ff !important; }
.text-primary-100 { color: #f3e8ff !important; }
.text-primary-200 { color: #e9d5ff !important; }
.text-primary-300 { color: #d8b4fe !important; }
.text-primary-400 { color: #c084fc !important; }
.text-primary-500 { color: #a855f7 !important; }
.text-primary-600 { color: #9333ea !important; }
.text-primary-700 { color: #7e22ce !important; }
.text-primary-800 { color: #6b21a8 !important; }
.text-primary-900 { color: #581c87 !important; }

/* === ALL border-primary-* === */
.border-primary-100 { border-color: rgba(168,85,247,0.15) !important; }
.border-primary-200 { border-color: #e9d5ff !important; }
.border-primary-300 { border-color: #d8b4fe !important; }
.border-primary-400 { border-color: #c084fc !important; }
.border-primary-500 { border-color: #a855f7 !important; }
.border-primary-600 { border-color: #9333ea !important; }

/* === ring === */
.ring-primary-100 { --tw-ring-color: rgba(168,85,247,0.2) !important; }
.ring-primary-500 { --tw-ring-color: rgba(168,85,247,0.5) !important; }

/* === shadow === */
.shadow-primary-500 { --tw-shadow-color: rgba(168,85,247,0.25) !important; }
.shadow-primary-600 { --tw-shadow-color: rgba(168,85,247,0.3) !important; }

/* === gradient from/to === */
.from-primary-50 { --tw-gradient-from: rgba(168,85,247,0.05) !important; }
.from-primary-400 { --tw-gradient-from: #c084fc !important; }
.from-primary-500 { --tw-gradient-from: #a855f7 !important; }
.from-primary-600 { --tw-gradient-from: #9333ea !important; }
.to-primary-100 { --tw-gradient-to: rgba(168,85,247,0.15) !important; }
.to-primary-500 { --tw-gradient-to: #a855f7 !important; }
.to-primary-600 { --tw-gradient-to: #9333ea !important; }

/* === Component overrides === */
.btn-primary {
    background: linear-gradient(135deg, #a855f7, #ec4899) !important;
    --tw-shadow-color: rgba(168,85,247,0.25) !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #9333ea, #db2777) !important;
    --tw-shadow-color: rgba(168,85,247,0.35) !important;
}

.sidebar-link-active {
    background-color: rgba(168,85,247,0.1) !important;
    color: #d8b4fe !important;
}

.stat-icon-primary {
    background-color: rgba(168,85,247,0.1) !important;
    color: #c084fc !important;
}

.badge-primary {
    background-color: rgba(168,85,247,0.12) !important;
    color: #d8b4fe !important;
}

/* === Surfaces === */
.bg-dark-950, .dark .bg-dark-950 { background-color: #09090f !important; }
.bg-dark-900, .dark .bg-dark-900 { background-color: #0e0e16 !important; }
.bg-dark-800, .dark .bg-dark-800 { background-color: #13131d !important; }
.bg-dark-700, .dark .bg-dark-700 { background-color: #1a1a28 !important; }
.bg-gray-50, .dark .bg-gray-50 { background-color: #09090f !important; }

/* === Borders === */
.border-dark-600, .border-dark-700, .border-dark-800,
.dark .border-dark-600, .dark .border-dark-700, .dark .border-dark-800 {
    border-color: rgba(168,85,247,0.1) !important;
}

/* === Selection === */
::selection { background: rgba(168,85,247,0.2) !important; color: #faf5ff !important; }

/* === Scrollbar === */
*:hover::-webkit-scrollbar-thumb { background-color: rgba(168,85,247,0.2) !important; }

/* === Progress bar === */
.progress-bar { background: linear-gradient(90deg, #a855f7, #ec4899) !important; }

/* === Switch/Toggle === */
.switch-active { background-color: #a855f7 !important; }

/* === Modal === */
.modal-content { border-color: rgba(168,85,247,0.12) !important; }

/* === Glow animation === */
@keyframes glow {
    0% { box-shadow: 0 0 20px rgba(168,85,247,0.25); }
    100% { box-shadow: 0 0 30px rgba(168,85,247,0.4); }
}