/* ============================================================
   TEMA: Premium Tema
   Bu dosya YALNIZCA renk, font ve tema değişkenlerini içerir.
   Yapısal CSS → themes/base.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&display=swap');

:root {

    /* === ANA RENKLER === */
    --renk-ana: #b8860b;
    --renk-ana-koyu: #96700a;
    --renk-ana-acik: #d4a017;

    /* === ARKAPLAN === */
    --renk-arkaplan: #faf8f4;
    --renk-arkaplan2: #f4f0e8;
    --renk-arkaplan3: #ede8dc;

    /* === KART === */
    --renk-kart: #ffffff;
    --renk-kart-hover: #fdf9f2;

    /* === KENAR & METİN === */
    --renk-kenar: #e0d8c8;
    --renk-metin: #1a1410;
    --renk-metin-acik: #7a6e5a;
    --renk-metin-koyu: #3d3528;
    --renk-site-logo: #141414;

    /* === SABİT === */
    --renk-beyaz: #ffffff;
    --renk-siyah: #000000;
    --renk-basarili: #2d7a4a;
    --renk-hata: #c0392b;

    /* === FONTLAR === */
    --yazi-baslik: 'Playfair Display', serif;
    --yazi-alt-baslik: 'Jost', sans-serif;
    --yazi-govde: 'Jost', sans-serif;
    --yazi-site-logo: 'Jost', sans-serif;

    /* === GEÇİŞ & GÖRÜNÜM === */
    --gecis: 0.3s ease;
    --gecis-yavas: 0.6s ease;
    --golge: 0 4px 24px rgba(0,0,0,0.08);
    --golge-ana: 0 4px 20px rgba(184,134,11,0.2);
    --radius: 16px;
    --radius-buyuk: 22px;

    /* === NAVBAR === */
    --header-scrolled-bg: #ffffff;

    /* === BUTON METİN RENGİ === */
    --renk-ana-metin: #ffffff;

    /* === MENÜ BUTON RENKLERİ === */
    --menu-btn-pasif: var(--renk-metin-acik);
    --menu-btn-aktif: var(--renk-metin);
    --menu-btn-hover: var(--renk-metin);
    --menu-btn-bg: transparent;
    --menu-btn-aktif-bg: transparent;
    --menu-btn-hover-bg: transparent;

    /* === SİTE BUTON RENKLERİ === */
    --site-btn-bg: var(--renk-ana);
    --site-btn-metin: var(--renk-ana-metin);
    --site-btn-hover-bg: var(--renk-ana-acik);
    --site-btn-hover-metin: var(--renk-ana-metin);

    /* === TEMA YAPI DEĞİŞKENLERİ === */
    --slider-baslik-renk: #ffffff;
    --slider-slogan-renk: rgb(243,212,96);
    --slider-overlay-renk1: rgba(0,0,0,0.47);
    --slider-overlay-renk2: rgba(0,0,0,0.01);
    --slider-overlay-gradient: linear-gradient(135deg, rgba(0,0,0,0.47), rgba(0,0,0,0.01));
    --slider-overlay-yon: 135;
    --slider-overlay-tip: linear;
    --slider-overlay-pattern: radial-gradient(circle, rgba(0,0,0,1.00) 1px, rgba(0,0,0,0.47) 1px);
    --slider-overlay-pattern-size: 5px 5px;
    --slider-overlay-pattern-key: dots-sm;
    --slider-pattern-renk1: rgba(0,0,0,1.00);
    --slider-pattern-renk2: rgba(0,0,0,0.47);
    --slider-pattern-tip: linear;
    --slider-pattern-aci: 135;
    --slider-pattern-buyukluk: 1;
    --slider-pattern-zoom: 1;
    --slider-pattern-mask-aci: 45;
    --slider-pattern-mask-ta: 50;
    --slider-pattern-mask-tb: 100;
    --slider-pattern-mask-ag: 49;
    --slider-overlay-pattern-mask: linear-gradient(135deg, rgba(0,0,0,0.500) 0%, rgba(0,0,0,0.250) 49%, rgba(0,0,0,0.000) 100%);
    --ic-sayfa-gradient: linear-gradient(105deg, color-mix(in srgb, var(--renk-arkaplan) 94%, transparent) 0%, color-mix(in srgb, var(--renk-arkaplan) 80%, transparent) 35%, color-mix(in srgb, var(--renk-arkaplan) 45%, transparent) 65%, color-mix(in srgb, var(--renk-arkaplan) 8%, transparent) 100%);
    --ic-baslik-renk: #1a1410;
    --overlay-arkaplan: rgba(255,255,255,0.85);
    --mobil-menu-arkaplan: rgba(250,248,244,0.99);
    --scrollbar-arkaplan: var(--renk-arkaplan3);

    /* === DİĞER === */
    --slider-pattern-mask-yon: 135deg;
    --slider-pattern-mask-bas: 10;
    --slider-pattern-mask-bit: 100;
    --slider-gradient-renk: #ffffff;
}