/* ===================================
   KAHRAMANLI LOJİSTİK - YAPILANDIRMA DOSYASI
   Bu dosyadan site ayarlarını kolayca değiştirebilirsiniz
   =================================== */

:root {
    /* ===================================
       LOGO AYARLARI
       Logonuzun boyutunu buradan ayarlayın
       =================================== */

    /* Header'daki logo yüksekliği (piksel) */
    --logo-height: 40px;

    /* Header'daki logo genişliği (auto = orantılı, veya piksel değeri girin) */
    --logo-width: auto;

    /* Footer'daki logo yüksekliği */
    --footer-logo-height: 35px;

    /* Mobilde logo yüksekliği */
    --logo-height-mobile: 32px;

    /* ===================================
       LOGO METİN AYARLARI
       Logo yanındaki metin boyutu
       =================================== */
    --logo-text-size: 1.5rem;
    --logo-text-size-mobile: 1.2rem;

    /* ===================================
       RENK AYARLARI
       Site renklerini buradan değiştirebilirsiniz
       =================================== */

    /* Ana Renkler */
    --primary-dark: #1a365d;      /* Koyu Mavi */
    --primary: #2c5282;           /* Mavi */
    --primary-light: #3182ce;     /* Açık Mavi */

    /* Vurgu Renkleri (Altın) */
    --accent: #d69e2e;            /* Altın */
    --accent-light: #ecc94b;      /* Açık Altın */
    --accent-dark: #b7791f;       /* Koyu Altın */

    /* Nötr Renkler */
    --white: #ffffff;
    --gray-100: #f7fafc;
    --gray-200: #edf2f7;
    --gray-300: #e2e8f0;
    --gray-600: #718096;
    --gray-800: #2d3748;
    --gray-900: #1a202c;

    /* ===================================
       FONT AYARLARI
       =================================== */
    --font-family: 'Poppins', sans-serif;
    --font-size-base: 16px;

    /* ===================================
       HEADER AYARLARI
       =================================== */
    --header-padding: 20px;
    --header-padding-scrolled: 15px;
    --header-background: transparent;
    --header-background-scrolled: var(--primary-dark);

    /* ===================================
       ANİMASYON AYARLARI
       =================================== */
    --transition-speed: 0.3s;
    --animation-duration: 0.6s;
}

/* Logo Stilleri - Config'den değerleri alır */
.logo img {
    height: var(--logo-height) !important;
    width: var(--logo-width) !important;
    max-height: var(--logo-height) !important;
    object-fit: contain;
}

.logo-text {
    font-size: var(--logo-text-size) !important;
}

.footer .logo img {
    height: var(--footer-logo-height) !important;
}

/* Mobil Logo Ayarları */
@media (max-width: 768px) {
    .logo img {
        height: var(--logo-height-mobile) !important;
        max-height: var(--logo-height-mobile) !important;
    }

    .logo-text {
        font-size: var(--logo-text-size-mobile) !important;
    }
}

/* ===================================
   KULLANIM TALİMATLARI:

   1. Logo boyutunu değiştirmek için:
      --logo-height: 60px;  (istediğiniz değer)

   2. Renkleri değiştirmek için:
      --primary: #yenirenk;
      --accent: #yenirenk;

   3. Değişiklikleri kaydettikten sonra
      tarayıcıyı yenileyin (Ctrl+F5)
   =================================== */