:root {
    --primary-color: #6366f1;
    --primary-dark: #4f52c1;
    --secondary-color: #8b5cf6;
    --accent-color: #6d70ff;
}

/* Hero gradient arka plan */
.hero-background {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

/* Butonlar */
.btn-primary {
    background: var(--primary-color) !important;
}

.btn-primary:hover {
    background: var(--primary-dark) !important;
}

.btn-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-outline:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

/* Feature icon gradient */
.feature-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Product image gradient */
.product-image {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

/* CTA section gradient */
.cta {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Price color */
.price-new {
    color: var(--primary-color) !important;
}

/* Nav active link */
.nav-menu a.active::after {
    background: var(--primary-color) !important;
}

/* Social links hover */
.social-links a:hover {
    background: var(--primary-color) !important;
}