:root {
    --renk-birincil: #604041;
    --renk-ikincil: #634745;
    --renk-yazi: #000000;
    --renk-yazi-acik: #6c757d;
    --renk-arka-plan: #ffffff;
}

/* Header Gradient */
.header {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

/* Kategori Aktif Buton */
.kategori-btn.active {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

/* Ürün Fiyat Rengi */
.urun-fiyat {
    color: var(--renk-birincil) !important;
}

/* Modal Fiyat */
.modal-fiyat {
    color: var(--renk-birincil) !important;
}

/* Scroll Top Button */
.scroll-top {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

.scroll-top {
    box-shadow: 0 3px 12px rgba(255, 107, 107, 0.4) !important;
}

/* Bottom Nav Aktif */
.nav-item.active {
    color: var(--renk-birincil) !important;
}

/* Kampanya Badge & Card Border */
.kampanya-badge {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

.kampanya-card::before {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

/* Bilgi Sayfası Icon */
.info-icon {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

.contact-link {
    color: var(--renk-birincil) !important;
}

.social-link.instagram {
    background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af) !important;
}

.social-link.facebook {
    background: #1877f2 !important;
}

/* Arka Plan Rengi */
body {
    background: var(--renk-arka-plan) !important;
}

.kategori-baslik {
    background: var(--renk-arka-plan) !important;
}

/* Yazı Renkleri */
.kategori-baslik,
.urun-ad,
.kampanya-baslik,
.info-title {
    color: var(--renk-yazi) !important;
}

.urun-aciklama,
.kampanya-aciklama,
.kampanya-tarih,
.contact-text {
    color: var(--renk-yazi-acik) !important;
}

/* Modal Header */
.modal-header {
    background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-ikincil) 100%) !important;
}

.modal-baslik {
    color: white !important;
}

/* Modal Açıklama Sol Çizgi */
.modal-aciklama {
    border-left-color: var(--renk-birincil) !important;
}

/* Modal Fiyat Container */
.modal-fiyat-container {
    background: linear-gradient(135deg,
        rgba(96,
             64,
             65, 0.1) 0%,
        rgba(99,
             71,
             69, 0.1) 100%) !important;
    border-color: rgba(96,
                       64,
                       65, 0.2) !important;
}