/* ============================================================
   TEMA: Beyaz & Kırmızı
   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=Bebas%20Neue:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {

    /* === ANA RENKLER === */
    --renk-ana: #dc2626;
    --renk-ana-koyu: #b91c1c;
    --renk-ana-acik: #ef4444;

    /* === ARKAPLAN === */
    --renk-arkaplan: #ffffff;
    --renk-arkaplan2: #f8f8f8;
    --renk-arkaplan3: #f1f1f1;

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

    /* === KENAR & METİN === */
    --renk-kenar: #e5e7eb;
    --renk-metin: #111827;
    --renk-metin-acik: #6b7280;
    --renk-metin-koyu: #374151;
    --renk-site-logo: #111827;

    /* === SABİT === */
    --renk-beyaz: #ffffff;
    --renk-siyah: #111827;
    --renk-basarili: #16a34a;
    --renk-hata: #dc2626;

    /* === FONTLAR === */
    --yazi-baslik: 'Bebas Neue', cursive;
    --yazi-alt-baslik: 'Rajdhani', sans-serif;
    --yazi-govde: 'Inter', sans-serif;
    --yazi-site-logo: 'Rajdhani', 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(220, 38, 38, 0.22);
    --radius: 8px;
    --radius-buyuk: 12px;

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

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

    /* === LOGO RENKLERİ === */
    --logo-normal-renk: var(--renk-site-logo);
    --logo-scrolled-renk: var(--renk-site-logo);

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

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

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

    /* === SLİDER BUTON === */
    --slider-btn-metin: var(--site-btn-metin);

    /* === TEMA YAPI DEĞİŞKENLERİ === */
    --slider-baslik-renk: #ffffff;
    --slider-slogan-renk: var(--renk-ana);
    --slider-overlay-renk1: rgba(255,255,255,0.75);
    --slider-overlay-renk2: rgba(0,0,0,0.10);
    --slider-overlay-gradient: linear-gradient(135deg, rgba(255,255,255,0.75), rgba(0,0,0,0.10));
    --slider-overlay-yon: 135;
    --slider-overlay-tip: linear;
    --slider-overlay-pattern: none;
    --slider-overlay-pattern-size: auto;
    --slider-overlay-pattern-key: none;
    --slider-pattern-renk1: rgba(255,255,255,0.15);
    --slider-pattern-renk2: transparent;
    --ic-sayfa-gradient: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.1) 100%);
    --ic-baslik-renk: #1a1a2e;
    --overlay-arkaplan: rgba(255,255,255,0.9);
    --mobil-menu-arkaplan: rgba(255,255,255,0.99);
    --scrollbar-arkaplan: var(--renk-arkaplan2);

    /* === DİĞER === */
    --slider-gradient-renk: #ffffff;
}