/* Açık / Koyu renk modu — tüm temalar (--theme-color admin ayarından gelir) */

body.ui-color-light {
    --ui-bg: #faf8f5;
    --ui-bg-soft: #ffffff;
    --ui-surface: #ffffff;
    --ui-surface-muted: #f5f3f0;
    --ui-text: #1c1917;
    --ui-text-muted: #78716c;
    --ui-border: rgba(28, 25, 23, 0.08);
    --ui-border-accent: color-mix(in srgb, var(--theme-color) 42%, rgba(184, 134, 11, 0.28));
    --ui-accent: color-mix(in srgb, var(--theme-color) 78%, #b8860b);
    --ui-shadow: 0 12px 36px rgba(28, 25, 23, 0.08);
    --ui-header-bg: rgba(255, 255, 255, 0.94);
    --ui-nav-bg: rgba(255, 255, 255, 0.96);
    --lux-card-bg: #ffffff;
    --lux-card-bg-hover: #fffdf9;
    --lux-card-border: rgba(28, 25, 23, 0.09);
    --lux-card-border-accent: color-mix(in srgb, var(--theme-color) 45%, rgba(184, 134, 11, 0.32));
    --lux-card-text: #1c1917;
    --lux-card-text-muted: #78716c;
    --lux-card-accent: color-mix(in srgb, var(--theme-color) 78%, #b8860b);
    --lux-card-shadow: 0 14px 36px rgba(28, 25, 23, 0.09);
    --lux-card-media-bg: #ece8e3;
    --lux-fav-bg: rgba(255, 255, 255, 0.92);
    --lux-fav-color: #6b7280;
    --lux-zoom-bg: rgba(255, 255, 255, 0.92);
    --lux-zoom-color: #374151;
    --lux-zoom-border: rgba(0, 0, 0, 0.08);
    background-color: var(--ui-bg);
    color: var(--ui-text);
}

body.ui-color-dark {
    --ui-bg: #0a0908;
    --ui-bg-soft: #12100e;
    --ui-surface: rgba(255, 255, 255, 0.04);
    --ui-surface-muted: rgba(255, 255, 255, 0.06);
    --ui-text: #f5f0e8;
    --ui-text-muted: rgba(245, 240, 232, 0.62);
    --ui-border: rgba(255, 255, 255, 0.08);
    --ui-border-accent: color-mix(in srgb, var(--theme-color) 55%, rgba(255, 255, 255, 0.22));
    --ui-accent: color-mix(in srgb, var(--theme-color) 72%, #d4af37);
    --ui-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
    --ui-header-bg: rgba(10, 9, 8, 0.92);
    --ui-nav-bg: rgba(10, 9, 8, 0.94);
    --lux-card-bg: #141210;
    --lux-card-bg-hover: #1a1816;
    --lux-card-border: rgba(255, 255, 255, 0.08);
    --lux-card-border-accent: color-mix(in srgb, var(--theme-color) 55%, rgba(255, 255, 255, 0.25));
    --lux-card-text: #f5f0e8;
    --lux-card-text-muted: rgba(245, 240, 232, 0.62);
    --lux-card-accent: color-mix(in srgb, var(--theme-color) 72%, #d4af37);
    --lux-card-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
    --lux-card-media-bg: #1a1816;
    --lux-fav-bg: rgba(10, 9, 8, 0.72);
    --lux-fav-color: rgba(255, 255, 255, 0.78);
    --lux-zoom-bg: rgba(10, 9, 8, 0.65);
    --lux-zoom-color: #fff;
    --lux-zoom-border: rgba(255, 255, 255, 0.25);
    background-color: var(--ui-bg);
    color: var(--ui-text);
}

/* Genel zemin */
body.ui-color-light.bg-gray-50,
body.ui-color-dark.bg-gray-50 {
    background: linear-gradient(180deg, var(--ui-bg) 0%, var(--ui-bg-soft) 100%);
}

body.ui-color-light .preloader,
body.ui-color-dark .preloader {
    background: var(--ui-bg-soft);
}
body.ui-color-light .preloader-text,
body.ui-color-dark .preloader-text {
    color: var(--ui-text-muted);
}

/* Modern shell */
body.ui-color-light header.modern-header,
body.ui-color-dark header.modern-header {
    background: var(--ui-header-bg);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--ui-border);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}
body.ui-color-dark header.modern-header {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

body.ui-color-light #searchBar.modern-search,
body.ui-color-dark #searchBar.modern-search {
    background: var(--ui-surface-muted);
    border: 1px solid var(--ui-border);
}
body.ui-color-light #searchBar.modern-search #searchInput,
body.ui-color-dark #searchBar.modern-search #searchInput {
    color: var(--ui-text);
    background: transparent;
}
body.ui-color-light #searchBar.modern-search #searchInput::placeholder,
body.ui-color-dark #searchBar.modern-search #searchInput::placeholder {
    color: var(--ui-text-muted);
}

body.ui-color-light .modern-bottom-nav,
body.ui-color-dark .modern-bottom-nav {
    background: var(--ui-nav-bg);
    border-top: 1px solid var(--ui-border);
    backdrop-filter: blur(16px);
}
body.ui-color-light .modern-bottom-nav a,
body.ui-color-light .modern-bottom-nav button,
body.ui-color-dark .modern-bottom-nav a,
body.ui-color-dark .modern-bottom-nav button {
    color: var(--ui-text-muted);
}
body.ui-color-light .modern-bottom-nav a.active,
body.ui-color-light .modern-bottom-nav button.active,
body.ui-color-dark .modern-bottom-nav a.active,
body.ui-color-dark .modern-bottom-nav button.active {
    color: var(--ui-accent);
}

/* Tema 2 — koyu mod */
body.ui-color-dark.ui-theme-modern .modern-product-card,
body.ui-color-dark.ui-theme-modern .modern-cat-card {
    background: #161412;
    border-color: var(--ui-border);
    color: var(--ui-text);
}
body.ui-color-dark.ui-theme-modern .modern-product-card .card-title {
    color: var(--ui-text);
}
body.ui-color-dark.ui-theme-modern .modern-product-card .card-desc,
body.ui-color-dark.ui-theme-modern .modern-cat-card .cat-count {
    color: var(--ui-text-muted);
}
body.ui-color-dark.ui-theme-modern .modern-product-card .card-price {
    color: var(--ui-accent);
}
body.ui-color-dark.ui-theme-modern .modern-product-card .img-wrap {
    background: #1f1c19;
}
body.ui-color-dark.ui-theme-modern .modern-empty-box {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    color: var(--ui-text-muted);
}
body.ui-color-dark.ui-theme-modern .modern-empty-box strong {
    color: var(--ui-text);
}
body.ui-color-dark.ui-theme-modern .modern-section-head h2 {
    color: var(--ui-text);
}
body.ui-color-dark.ui-theme-modern .modern-section-head a {
    color: var(--ui-accent);
}
body.ui-color-dark.ui-theme-modern .modern-quick-actions a,
body.ui-color-dark.ui-theme-modern .modern-quick-actions button {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    color: var(--ui-text);
}

/* Tema 1 klasik sayfalar — koyu mod */
body.ui-color-dark .products-page-section h1,
body.ui-color-dark section.py-8 h1,
body.ui-color-dark section.py-8 h2 {
    color: var(--ui-text);
}
body.ui-color-dark .products-page-section p,
body.ui-color-dark section.py-8 p.text-gray-600 {
    color: var(--ui-text-muted) !important;
}
body.ui-color-dark section.py-8.bg-gray-50 {
    background: transparent !important;
}
body.ui-color-dark.ui-theme-classic .bg-white.rounded-2xl.shadow-sm {
    background: #161412 !important;
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow);
}
body.ui-color-dark.ui-theme-classic .bg-white.rounded-2xl .text-white {
    color: var(--ui-text) !important;
}
body.ui-color-dark.ui-theme-classic a.block.bg-white.rounded-2xl {
    background: #161412 !important;
    border: 1px solid var(--ui-border);
}

/* Tema 3 luxury — shell & bölüm başlıkları */
body.ui-theme-luxury.ui-color-light,
body.ui-theme-luxury.ui-color-dark {
    background: radial-gradient(900px 420px at 50% -8%, color-mix(in srgb, var(--ui-bg-soft) 95%, transparent), transparent 65%),
                linear-gradient(180deg, var(--ui-bg) 0%, var(--ui-bg-soft) 100%);
    color: var(--ui-text);
}

body.ui-theme-luxury .luxury-section-head {
    border-bottom-color: var(--ui-border);
}
body.ui-theme-luxury .luxury-section-head h2 {
    color: var(--ui-text);
}
body.ui-theme-luxury .luxury-section-link {
    color: var(--ui-accent);
}
body.ui-theme-luxury .luxury-section-ornament {
    background: linear-gradient(180deg, var(--ui-accent), transparent);
}

body.ui-theme-luxury .luxury-empty-box {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    color: var(--ui-text-muted);
}
body.ui-theme-luxury .luxury-empty-box strong {
    color: var(--ui-text);
}
body.ui-theme-luxury .luxury-empty-box i {
    color: var(--ui-accent);
}

body.ui-theme-luxury .luxury-campaign-banner {
    border-color: var(--ui-border-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-color) 8%, var(--ui-surface)), var(--ui-bg-soft));
}
body.ui-theme-luxury .luxury-campaign-title {
    color: var(--ui-text);
}
body.ui-theme-luxury .luxury-campaign-message {
    color: var(--ui-text-muted);
}

body.ui-theme-luxury .products-page-section h1,
body.ui-theme-luxury section.py-8 h1,
body.ui-theme-luxury section.py-8 h2 {
    color: var(--ui-text);
}
body.ui-theme-luxury .products-page-section p,
body.ui-theme-luxury section.py-8 p.text-gray-600 {
    color: var(--ui-text-muted) !important;
}
body.ui-theme-luxury hr.bg-gray-200,
body.ui-theme-luxury .products-page-section hr {
    background: var(--ui-border) !important;
}
body.ui-theme-luxury a.block.w-full.bg-black {
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border-accent) !important;
    color: var(--ui-text) !important;
    box-shadow: var(--ui-shadow);
}

body.ui-theme-luxury .modern-quick-actions a,
body.ui-theme-luxury .modern-quick-actions button {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    color: var(--ui-text);
    box-shadow: var(--ui-shadow);
}

/* Tema 3 — koyu modda Tema 2 kategori kartları */
body.ui-color-dark.ui-theme-luxury .modern-cat-card {
    background: #161412;
    border-color: var(--ui-border);
}
body.ui-color-dark.ui-theme-luxury .modern-cat-card .cat-name {
    color: var(--ui-text);
}
body.ui-color-dark.ui-theme-luxury .modern-cat-card .cat-count {
    color: var(--ui-text-muted);
}