:root {
    --primary: #8b5cf6;
    --primary-dark: #6d28d9;
    --primary-light: #a78bfa;
    --secondary: #ec4899;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #e10505;
    --info: #3b82f6;
    --dark: #0f0f13;
    --darker: #0a0a0d;
    --dark-light: #1a1a23;
}

/* ========== ƏSAS RƏNGLƏR ========== */

/* Primary Gradient Buttons */
.btn-primary,
.btn-gradient,
.gradient-btn {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    border-color: #8b5cf6 !important;
}

.btn-primary:hover,
.btn-gradient:hover {
    box-shadow: 0 5px 20px #8b5cf680 !important;
}

/* Primary Text & Links */
.text-primary,
.primary-text {
    color: #8b5cf6 !important;
}

a:hover,
.link:hover,
.nav-link:hover {
    color: #a78bfa !important;
}

/* Primary Backgrounds */
.bg-primary,
.primary-bg {
    background-color: #8b5cf6 !important;
}

/* Primary Borders */
.border-primary {
    border-color: #8b5cf6 !important;
}

/* ========== NAVBAR & HEADER ========== */
.navbar,
.main-header,
.top-nav {
    background: linear-gradient(135deg, #0a0a0d 0%, #0f0f13 100%) !important;
}

.navbar .nav-link.active,
.navbar .nav-item.active > a {
    color: #8b5cf6 !important;
}

/* ========== SIDEBAR ========== */
.sidebar,
.admin-sidebar {
    background-color: #0a0a0d !important;
}

/* ========== CARDS ========== */
.card,
.product-card,
.feature-card {
    background-color: #1a1a23 !important;
    border-color: rgba(139, 92, 246, 0.1) !important;
}

.card:hover,
.product-card:hover {
    border-color: rgba(139, 92, 246, 0.3) !important;
}

/* ========== FORMS ========== */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border-color: rgba(139, 92, 246, 0.2) !important;
    color: #fff !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

/* ========== TABLES ========== */
.table thead th {
    background: rgba(139, 92, 246, 0.1) !important;
    color: #a78bfa !important;
}

/* ========== ALERTS & BADGES ========== */
.badge-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
}

.alert-primary {
    background: rgba(139, 92, 246, 0.1) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    color: #a78bfa !important;
}

/* ========== SUCCESS COLORS ========== */
.btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.text-success { color: #10b981 !important; }
.bg-success { background-color: #10b981 !important; }

/* ========== WARNING COLORS ========== */
.btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

.text-warning { color: #f59e0b !important; }
.bg-warning { background-color: #f59e0b !important; }

/* ========== DANGER COLORS ========== */
.btn-danger {
    background: linear-gradient(135deg, #e10505 0%, #dc2626 100%) !important;
}

.text-danger { color: #e10505 !important; }
.bg-danger { background-color: #e10505 !important; }

/* ========== INFO COLORS ========== */
.btn-info {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.text-info { color: #3b82f6 !important; }
.bg-info { background-color: #3b82f6 !important; }

/* ========== SECONDARY COLORS ========== */
.btn-secondary,
.badge-secondary {
    background: linear-gradient(135deg, #ec4899 0%, #be185d 100%) !important;
}

.text-secondary { color: #ec4899 !important; }

/* ========== BODY & BACKGROUND ========== */
body,
.main-body {
    background-color: #0f0f13 !important;
    color: #fff !important;
}

/* Loading Screen */
#loading,
.loading-screen {
    background-color: #0f0f13 !important;
}

/* Footer */
.footer,
.main-footer {
    background-color: #0a0a0d !important;
}

/* ========== SPECIAL ELEMENTS ========== */

/* Neon Glow Effects */
.neon-text,
.glow-text {
    text-shadow: 0 0 10px #8b5cf680, 0 0 20px #8b5cf640 !important;
}

.neon-border,
.glow-border {
    box-shadow: 0 0 10px #8b5cf640, 0 0 20px #8b5cf620 !important;
}

/* WhatsApp Button */
.whatsapp-button {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
}

/* Price Tags */
.price,
.product-price,
.current-price {
    color: #a78bfa !important;
}

.original-price,
.old-price {
    color: rgba(255,255,255,0.5) !important;
    text-decoration: line-through !important;
}

/* Discount Badge */
.discount-badge,
.badge-discount {
    background: linear-gradient(135deg, #e10505 0%, #dc2626 100%) !important;
}

/* Active States */
.active,
.is-active,
[aria-current="page"] {
    color: #8b5cf6 !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: #8b5cf6 !important;
}

::-webkit-scrollbar-track {
    background: #0a0a0d !important;
}

/* Selection */
::selection {
    background: #8b5cf6 !important;
    color: #fff !important;
}