/* ================================================================
   TEMA RENK DEĞİŞKENLERİ — istanbulgergitavan.com
   ----------------------------------------------------------------
   Renk değiştirmek için SADECE bu dosyayı düzenle.
   Tüm site otomatik güncellenir.

   Mevcut tema: Koyu & Altın
   ================================================================ */
:root {
    --renk-ana:        #1a1a2a;   /* Ana renk  — navbar, footer, bölüm arka planları */
    --renk-vurgu:        #f0a500;   /* Vurgu     — butonlar, ikonlar, yıldızlar        */
    --renk-vurgu-acik:        #f5c842;   /* Açık vurgu — hover, ikincil vurgu noktaları    */
    --renk-arka:        #f4f6fb;   /* Arka plan  — sayfa genel arka planı             */
    --renk-metin:        #1a1a2a;   /* Metin      — başlıklar ve paragraflar           */
    --renk-ayirici:        #dde3f0;   /* Ayırıcı    — border, çizgi, ince ayrımlar      */

    /* Türetilmiş renkler — ana ve vurgu tonlamaları */
    --renk-ana-koyu:     color-mix(in srgb, var(--renk-ana) 70%, #000000);   /* Ana rengin koyu tonu — gradyanlar, hover      */
    --renk-ana-orta:     #9aa7dc;   /* Ana rengin orta tonu — ikonlar, ikincil metin */
    --renk-ana-acik:     #c5d0f0;   /* Ana rengin açık tonu — footer metin, pasif    */
    --renk-ana-cok-acik: #e4eaf2;   /* Ana rengin çok açık tonu — arka planlar       */
    --renk-ana-derin:    #092d4c;   /* Ana rengin en koyu tonu — koyu metin          */
    --renk-vurgu-koyu:   #ff6f00;   /* Vurgu rengin koyu tonu — hover, vurgu         */
    --renk-vurgu-derin:  #56520a;   /* Vurgu rengin en koyu tonu — gölge, koyu zemin */

    /* ── Header / Navbar özel renkleri ─────────────────────── */
    --header-arkaplan:          #1a1a2a;   /* Navbar arka plan rengi                    */
    --header-link-renk:          #ffffff;   /* Menü link rengi (normal durum)            */
    --header-link-hover:          #f0a500;   /* Menü hover rengi                          */
    --header-dropdown-arkaplan:          #2d2d3a;   /* Açılır menü arka plan rengi               */
    --header-dropdown-kenar:          #f0a500;   /* Açılır menü üst kenar çizgi rengi         */
    --header-dropdown-link:          #dddddd;   /* Açılır menü link rengi                    */

    /* ── Mobil Menü özel renkleri (MeanMenu) ────────────────── */
    --header-mobil-arkaplan:          #1a1a2a;   /* Mobil üst bar arka plan rengi             */
    --header-mobil-link-renk:          #eeeeee;   /* Mobil menü link yazı rengi                */
    --header-mobil-link-arkaplan:          #2d2d3a;   /* Mobil menü link satır zemin rengi         */

    /* ── Header / Logo Boyutları ─────────────────────────────── */
    --header-mobil-h:    86px;   /* Mobil header sabit yüksekliği               */
    --logo-h-masaustu:   60px;   /* Masaüstü logo max yüksekliği                */
    --logo-h-mobil:      84px;   /* Mobil logo max yüksekliği                   */

    /* ── Tipografi ───────────────────────────────────────────── */
    --font-baz:   16px;   /* Body genel font boyutu                      */
    --font-h1:    46px;   /* H1 başlık boyutu                            */
    --font-h2:    36px;   /* H2 başlık boyutu                            */
    --font-h3:    22px;   /* H3 başlık boyutu                            */
    --font-h4:    20px;   /* H4 başlık boyutu                            */
    --font-h5:    18px;   /* H5 başlık boyutu                            */
    --font-h6:    16px;   /* H6 başlık boyutu                            */

    /* ── Boşluk Sistemi ─────────────────────────────────────── */
    --bosluk-xs:   8px;    /* Çok küçük boşluk — ikon-metin arası        */
    --bosluk-sm:  16px;    /* Küçük boşluk — satır içi                   */
    --bosluk-md:  24px;    /* Orta boşluk — kart içi                     */
    --bosluk-lg:  48px;    /* Büyük boşluk — bölüm arası                 */
    --bosluk-xl:  80px;    /* Çok büyük boşluk — section padding         */

    /* ── Köşe Yuvarlaklıkları ───────────────────────────────── */
    --radius-buton:   4px;   /* Buton, form input köşe yarıçapı           */
    --radius-kart:    8px;   /* Kart kutu köşe yarıçapı                   */
    --radius-resim:   6px;   /* Görsel köşe yarıçapı                      */

    /* ── Gölgeler ───────────────────────────────────────────── */
    --golge-kart:    0 3px 20px rgba(0, 0, 0, 0.05);          /* Kart gölgesi         */
    --golge-buton:   0 4px 14px rgba(20, 40, 123, 0.45);      /* Buton gölgesi        */
    --golge-header:  0 2px 8px rgba(0, 0, 0, 0.08);           /* Header gölgesi       */

    /* ── Z-Index Haritası ──────────────────────────────────── */
    --z-header:    999999;   /* Mobil header / mean-bar                   */
    --z-modal:      99999;   /* Modal, lightbox katmanı                   */
    --z-overlay:     9999;   /* Overlay, arka plan maskeleri              */

    /* ── İstatistik Çubuğu ─────────────────────────────────── */
    --stat-min-h:         160px;                   /* Kart minimum yüksekliği               */
    --stat-ic-renk:       color-mix(in srgb, var(--renk-ana) 55%, transparent);    /* Elips merkez rengi (yarı saydam)      */
    --stat-dis-renk:      color-mix(in srgb, var(--renk-ana) 93%, transparent);    /* Elips kenar rengi (koyu)              */
    --stat-elips-gx:      75%;                     /* Elips yatay boyutu                    */
    --stat-elips-gy:      85%;                     /* Elips dikey boyutu                    */
    --stat-elips-merkez:  25%;                     /* Elips iç yarıçap kesim noktası        */
    --stat-yazi:          #ffffff;                 /* Kart üzerindeki metin rengi           */
    --stat-ikon:          var(--renk-vurgu);       /* İkon rengi                            */
    --stat-sayi-boyut:    2.4rem;                  /* Sayı font boyutu                      */
    --stat-etiket-boyut:  0.95rem;                 /* Etiket font boyutu                    */
    --stat-kenar-renk:    rgba(255,255,255,0.08);  /* Kart sağ kenar ayırıcı               */

    /* ── Info Kartları Overlay ─────────────────────────────── */
    --info-ic-renk:       color-mix(in srgb, var(--renk-ana) 55%, transparent);    /* Info overlay merkez (yarı saydam)     */
    --info-dis-renk:      color-mix(in srgb, var(--renk-ana) 93%, transparent);    /* Info overlay kenar (koyu)             */
}

/* ================================================================
   RENK DEĞİŞTİRMEK İÇİN ÖRNEK:

   Koyu Yeşil & Turuncu tema:
   --renk-ana:        #1a1a2a;
   --renk-vurgu:        #f0a500;
   --renk-vurgu-acik:        #f5c842;
   --renk-arka:        #f4f6fb;
   --renk-metin:        #1a1a2a;
   --renk-ayirici:        #dde3f0;

   Bordo & Altın tema:
   --renk-ana:        #1a1a2a;
   --renk-vurgu:        #f0a500;
   --renk-vurgu-acik:        #f5c842;
   --renk-arka:        #f4f6fb;
   --renk-metin:        #1a1a2a;
   --renk-ayirici:        #dde3f0;
   ================================================================ */