/* ============================================================
   TEMA: Çelik 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=Barlow+Condensed:wght@500;700;800&family=Barlow:wght@300;400;500;600&display=swap');

:root {
    /* === ANA RENKLER === */
    --renk-ana: #e63946;
    --renk-ana-koyu: #c1121f;
    --renk-ana-acik: #ff6b6b;

    /* === ARKAPLAN === */
    --renk-arkaplan: #141414;
    --renk-arkaplan2: #1a1a1a;
    --renk-arkaplan3: #202020;

    /* === KART === */
    --renk-kart: #222222;
    --renk-kart-hover: #2a2a2a;

    /* === KENAR & METİN === */
    --renk-kenar: #333333;
    --renk-metin: #f0f0f0;
    --renk-metin-acik: #999999;
    --renk-metin-koyu: #cccccc;
    --renk-site-logo: #f0f0f0;

    /* === LOGO RENK (Normal & Scrolled) === */
    --logo-normal-renk: var(--renk-site-logo);
    --logo-scrolled-renk: var(--renk-site-logo);

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

    /* === FONTLAR === */
    --yazi-baslik: 'Barlow Condensed', sans-serif;
    --yazi-alt-baslik: 'Barlow Condensed', sans-serif;
    --yazi-govde: 'Barlow', sans-serif;
    --yazi-site-logo: 'Barlow Condensed', sans-serif;

    /* === GEÇİŞ & GÖRÜNÜM === */
    --gecis: 0.25s ease;
    --gecis-yavas: 0.5s ease;
    --golge: 0 4px 24px rgba(0,0,0,0.6);
    --golge-ana: 0 4px 20px rgba(230, 57, 70, 0.3);
    --radius: 4px;
    --radius-buyuk: 6px;

    /* === NAVBAR === */
    --header-scrolled-bg: rgba(10,15,26,.97);

    /* === BUTON METİN RENGİ === */
    /* Ana renkli butonların üzerindeki yazı — koyu tema: siyah, açık tema: beyaz */
    --renk-ana-metin: #ffffff;

    /* === TEMA YAPI DEĞİŞKENLERİ === */
    /* Slider arka plan geçişi */
    /* Modal / overlay arkaplanı */
    --overlay-arkaplan: rgba(0,0,0,0.5);
    /* Mobil menü arkaplanı */
    --mobil-menu-arkaplan: rgba(0,0,0,0.95);
    /* Scrollbar arkaplanı */
    --scrollbar-arkaplan: #111;

    /* === SLIDER & İÇ SAYFA RENK DEĞİŞKENLERİ === */
    --slider-gradient-renk: #000000;
    --slider-baslik-renk: #ffffff;
    --slider-slogan-renk: var(--renk-ana);
    --ic-sayfa-gradient: linear-gradient(105deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.80) 30%, rgba(0,0,0,0.50) 60%, rgba(0,0,0,0.10) 100%);
    --ic-baslik-renk: #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;

    /* === HAMBURGEr MENÜ RENKLERİ === */
    --hamburger-renk: var(--renk-metin);
    --hamburger-scrolled-renk: var(--renk-metin);

    /* === MOBİL MENÜ LİNK RENKLERİ === */
    --mobil-menu-link-renk: var(--renk-metin);
    --mobil-menu-link-hover: var(--renk-ana);

    /* === 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);

    /* === SLİDER BUTON YAZI RENGİ (ayrı kontrol) === */
    --slider-btn-metin: var(--site-btn-metin);

    /* === SLİDER OVERLAY GRADIENT === */
    --slider-overlay-renk1: rgba(0,0,0,0.75);
    --slider-overlay-renk2: rgba(0,0,0,0.10);
    --slider-overlay-pattern: none;
    --slider-overlay-pattern-size: auto;
    --slider-overlay-pattern-key: none;
}