/*
 * zendoor — tokens.css
 * ZENDOOR Puristic Industrial — derin petrol yeşili + altın + bakır.
 * Katalog kimliği: saf, sade, geometrik zarafet.
 * CokluTemaServisi tarafından manifest.json'dan beslenir.
 */

:root[data-tema-id="zendoor"] {
    /* === ANA RENKLER (Katalog Kapak Kimliği) === */
    --tema-birincil: #1C3A33;
    --tema-birincil-koyu: #0F2420;
    --tema-birincil-acik: #2A5248;
    --tema-ikincil: #C6A45C;
    --tema-vurgu: #C25E3A;
    --tema-vurgu-acik: #E0C870;
    --tema-vurgu-koyu: #A8874A;
    /* Vurgu (altın/bakır) zemin üzerindeki okunabilir metin rengi. */
    --tema-vurgu-metin: #F4F1EC;

    /* === YÜZEYLER === */
    --tema-arkaplan: #F4F1EC;
    --tema-arkaplan-2: #EDE8E0;
    --tema-arkaplan-3: #E5DFD5;
    --tema-yuzey: #ffffff;
    --tema-yuzey-hover: #F8F6F1;
    --tema-yuzey-aktif: #F0EDE6;

    /* === KOYU BÖLÜMLER (Katalog Koyu Sayfa Kimliği) === */
    --tema-koyu-bolum: #16211E;
    --tema-koyu-bolum-2: #1C3A33;
    --tema-koyu-bolum-3: #24473E;
    --tema-koyu-metin: #E8E4DC;
    --tema-koyu-metin-soluk: #9AADA2;

    /* === ÇİZGİLER === */
    --tema-cizgi: rgba(15, 36, 32, 0.12);
    --tema-cizgi-acik: rgba(15, 36, 32, 0.06);
    --tema-cizgi-koyu: rgba(15, 36, 32, 0.18);
    --tema-cizgi-vurgu: rgba(198, 164, 92, 0.35);

    /* === METİN HİYERARŞİSİ === */
    --tema-metin: #2C2C2C;
    --tema-metin-ikincil: #5A6B60;
    --tema-metin-soluk: #8A9A90;
    --tema-metin-ters: #F4F1EC;
    --tema-metin-vurgu: #C25E3A;

    /* === DURUM RENKLERİ === */
    --tema-basari: #4A7C59;
    --tema-basari-acik: #E8F0EA;
    --tema-uyari: #C9A449;
    --tema-uyari-acik: #FAF5E8;
    --tema-hata: #9B3D3D;
    --tema-hata-acik: #F5E8E8;
    --tema-bilgi: #4A6C8C;
    --tema-bilgi-acik: #E8EEF5;

    /* === TİPOGRAFİ (Katalog: Montserrat + Manrope + Cormorant Garamond) === */
    --tema-font-baslik: 'Montserrat', 'Manrope', system-ui, sans-serif;
    --tema-font-govde: 'Manrope', system-ui, sans-serif;
    --tema-font-vurgu: 'Cormorant Garamond', Georgia, serif;
    --tema-font-mono: 'JetBrains Mono', Consolas, monospace;
    --tema-baslik-agirlik: 600;
    --tema-baslik-harf-araligi: -0.01em;
    --tema-alt-baslik-harf-araligi: 0.08em;
    --tema-metin-harf-araligi: 0;

    /* === TİPOGRAFİ SKALASI (1.250 oran — endüstriyel) === */
    --tema-boyut-xs: 0.75rem;
    --tema-boyut-sm: 0.875rem;
    --tema-boyut-md: 1rem;
    --tema-boyut-lg: 1.125rem;
    --tema-boyut-xl: 1.25rem;
    --tema-boyut-2xl: 1.5rem;
    --tema-boyut-3xl: 2rem;
    --tema-boyut-4xl: 2.5rem;
    --tema-boyut-5xl: 3.5rem;

    /* === BOŞLUK (8px ritmi) === */
    --tema-bosluk-xs: 0.25rem;
    --tema-bosluk-sm: 0.5rem;
    --tema-bosluk-md: 1rem;
    --tema-bosluk-lg: 1.5rem;
    --tema-bosluk-xl: 2rem;
    --tema-bosluk-2xl: 3rem;
    --tema-bosluk-3xl: 4rem;
    --tema-bosluk-4xl: 6rem;
    --tema-bosluk-5xl: 8rem;

    /* === GEOMETRİ (Keskin — endüstriyel dil) === */
    --tema-kose-sm: 2px;
    --tema-kose-md: 4px;
    --tema-kose-lg: 6px;
    --tema-kose-xl: 12px;
    --tema-kose-tam: 9999px;
    --tema-border-kalinlik: 1px;
    --tema-border-kalinlik-koyu: 2px;
    --tema-border-stil: solid;

    /* === GÖLGE (Katmanlı derinlik) === */
    --tema-golge-sm: 0 1px 4px rgba(15, 36, 32, 0.06);
    --tema-golge-md: 0 4px 16px rgba(15, 36, 32, 0.08);
    --tema-golge-lg: 0 8px 32px rgba(15, 36, 32, 0.12);
    --tema-golge-xl: 0 16px 48px rgba(15, 36, 32, 0.16);
    --tema-golge-2xl: 0 24px 64px rgba(15, 36, 32, 0.20);
    --tema-golge-vurgu: 0 0 20px rgba(198, 164, 92, 0.20);
    --tema-golge-altin: 0 4px 24px rgba(198, 164, 92, 0.25);
    --tema-golge-bakir: 0 4px 24px rgba(194, 94, 58, 0.20);
    --tema-golge-ic: inset 0 1px 3px rgba(15, 36, 32, 0.06);
    --tema-golge-ic-koyu: inset 0 1px 3px rgba(0, 0, 0, 0.20);

    /* === GLASSMORPHISM === */
    --tema-cam-bg: rgba(255, 255, 255, 0.72);
    --tema-cam-bg-koyu: rgba(22, 33, 30, 0.85);
    --tema-cam-cizgi: rgba(15, 36, 32, 0.10);
    --tema-cam-cizgi-koyu: rgba(255, 255, 255, 0.08);
    --tema-cam-blur: blur(20px) saturate(150%);
    --tema-cam-blur-hafif: blur(12px) saturate(120%);

    /* === METALİK VURGU (Altın — katalog logo kimliği) === */
    --tema-metal-parlak: #E0C870;
    --tema-metal: #C6A45C;
    --tema-metal-orta: #A8874A;
    --tema-metal-koyu: #8B7038;
    --tema-metal-gizem: rgba(198, 164, 92, 0.18);
    --tema-metal-gradyan: linear-gradient(135deg, #E0C870 0%, #C6A45C 50%, #A8874A 100%);
    --tema-metal-gradyan-yatay: linear-gradient(90deg, #A8874A 0%, #C6A45C 50%, #E0C870 100%);

    /* === BAKIR VURGU (Index okları, CTA) === */
    --tema-bakir: #C25E3A;
    --tema-bakir-acik: #D4764F;
    --tema-bakir-koyu: #A04A2A;
    --tema-bakir-gizem: rgba(194, 94, 58, 0.15);

    /* === KATMANLI YÜZEY === */
    --tema-yuzey-1: #ffffff;
    --tema-yuzey-2: #F8F6F1;
    --tema-yuzey-3: #EDE8E0;
    --tema-yuzey-ust-cizgi: rgba(15, 36, 32, 0.05);
    --tema-golge-yuzey: 0 10px 30px rgba(15, 36, 32, 0.10);
    --tema-golge-header: inset 0 1px 0 var(--tema-yuzey-ust-cizgi), var(--tema-golge-yuzey);
    --tema-golge-kart: inset 0 1px 0 var(--tema-yuzey-ust-cizgi);
    --tema-golge-kart-vurgu: inset 0 1px 0 var(--tema-yuzey-ust-cizgi), var(--tema-golge-yuzey), 0 0 0 1px var(--tema-metal-gizem);
    --tema-golge-buton-vurgu: 0 0 0 1px var(--tema-metal-gizem), var(--tema-golge-yuzey);

    /* === KONTROLLÜ HAREKET VE ODAK === */
    --tema-hover-yukseklik: -3px;
    --tema-hover-yukseklik-derin: -6px;
    --tema-hover-olcek: 1.02;
    --tema-hover-olcek-buyuk: 1.05;
    --tema-odak-halka: 0 0 0 2px var(--tema-arkaplan), 0 0 0 4px var(--tema-metal);
    --tema-odak-halka-bakir: 0 0 0 2px var(--tema-arkaplan), 0 0 0 4px var(--tema-bakir);

    /* === ANİMASYON (Saf-sade — kontrollü) === */
    --tema-gecis-cok-hizli: 0.1s ease;
    --tema-gecis-hizli: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --tema-gecis-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --tema-gecis-yavas: 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    --tema-gecis-cok-yavas: 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    --tema-bezier: cubic-bezier(0.4, 0, 0.2, 1);
    --tema-bezier-yumusak: cubic-bezier(0.22, 1, 0.36, 1);
    --tema-bezier-sicrama: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* === LAYOUT (Katalog sayfa yapısı) === */
    --tema-icerik-genislik: 1280px;
    --tema-icerik-genislik-dar: 960px;
    --tema-icerik-genislik-genis: 1440px;
    --tema-kenar-bosluk: 64px;
    --tema-kenar-bosluk-mobil: 24px;
    --tema-sutun-sayisi: 4;
    --tema-sutun-araligi: 24px;
    --tema-header-yukseklik: 72px;
    --tema-bolum-ayirici: 80px;

    /* === ÜRÜN KART (Katalog ürün sunumu) === */
    --tema-kart-aspect: 3/4;
    --tema-kart-aspect-genis: 4/3;
    --tema-kart-gorsel-olcek: 1.08;
    --tema-kart-overlay: linear-gradient(180deg, transparent 50%, rgba(15, 36, 32, 0.7) 100%);

    /* === ZENDOOR MARKA === */
    --tema-altin: #C6A45C;
    --tema-bakir-vurgu: #C25E3A;
    --tema-petrol: #1C3A33;
    --tema-petrol-koyu: #0F2420;
    --tema-krem: #F4F1EC;

    /* === LEGACY UYUMLULUK === */
    --vizit-primary: var(--tema-birincil);
    --vizit-accent: var(--tema-vurgu);
    --vizit-bg-base: var(--tema-arkaplan);
    --vizit-text: var(--tema-metin);
    --vizit-text-inverse: var(--tema-metin-ters);
    --vizit-font-serif: var(--tema-font-vurgu);
    --vizit-font-sans: var(--tema-font-govde);
    --vizit-radius-md: var(--tema-kose-md);
    --vizit-transition: var(--tema-gecis-normal);
    --vizit-shadow-md: var(--tema-golge-md);
    --vizit-border: var(--tema-cizgi);
}

/* === KOYU MOD OVERRIDE === */
:root[data-tema-id="zendoor"].dark {
    --tema-arkaplan: #0F2420;
    --tema-arkaplan-2: #16211E;
    --tema-arkaplan-3: #1C3A33;
    --tema-yuzey: #1A2E28;
    --tema-yuzey-hover: #24473E;
    --tema-yuzey-aktif: #2A5248;
    /* Koyu modda vurgu altındır (tema.js → #E0C870); üzerindeki metin koyu olmalı. */
    --tema-vurgu-metin: #16211E;
    --tema-cizgi: rgba(255, 255, 255, 0.10);
    --tema-cizgi-acik: rgba(255, 255, 255, 0.05);
    --tema-cizgi-koyu: rgba(255, 255, 255, 0.15);
    --tema-metin: #E8E4DC;
    --tema-metin-ikincil: #B0ADA8;
    --tema-metin-soluk: #7A8A80;
    --tema-metin-ters: #F4F1EC;
    --tema-yuzey-1: #1A2E28;
    --tema-yuzey-2: #24473E;
    --tema-yuzey-3: #2A5248;
    --tema-yuzey-ust-cizgi: rgba(255, 255, 255, 0.06);
    --tema-golge-yuzey: 0 10px 30px rgba(0, 0, 0, 0.42);
    --tema-golge-sm: 0 1px 4px rgba(0, 0, 0, 0.30);
    --tema-golge-md: 0 4px 16px rgba(0, 0, 0, 0.35);
    --tema-golge-lg: 0 8px 32px rgba(0, 0, 0, 0.40);
    --tema-golge-xl: 0 16px 48px rgba(0, 0, 0, 0.50);
    --tema-cam-bg: rgba(26, 46, 40, 0.85);
    --tema-cam-cizgi: rgba(255, 255, 255, 0.08);
}