/* Genel Reset ve Temel Ayarlar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif; /* Modern bir font tercih ettim */
    line-height: 1.6;
    background-color: var(--bg-color-light); /* Tema değişkenleri kullanılacak */
    color: var(--text-color-light);
    transition: background-color var(--transition-speed), color var(--transition-speed);
}

/* Container Sınıfı */
.container {
    max-width: 1280px; /* Genişlik arttırıldı, home.css ile uyumlu */
    margin: 0 auto;
    padding: 0 20px;
}

/* Genel Başlıklar */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif; /* Başlıklar için farklı font */
    margin-bottom: 0.8em;
    color: var(--text-color-light);
    transition: color var(--transition-speed);
}

/* Link Stilleri */
a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--primary-color);
}

/* Butonlar için Genel Stil (header.css'te daha spesifik halleri var) */
.btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    border: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Scrollbar Stili (isteğe bağlı, genel estetik için) */
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: var(--bg-color-light);
}
body.dark-mode::-webkit-scrollbar-track {
    background: var(--bg-color-dark);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--bg-color-light);
}
body.dark-mode::-webkit-scrollbar-thumb {
    border-color: var(--bg-color-dark);
}

/* --- Genel Değişkenler --- */
:root {
    --primary-color: #e50914; /* Netflix kırmızısı gibi daha canlı */
    --accent-color: #007bff; /* İkincil vurgu rengi */
    
    /* Global Geçiş Hızı */
    --transition-speed: 0.4s ease-in-out; /* Daha yumuşak geçişler */
    
    /* Genel Elementler İçin Yuvarlaklık */
    --border-radius-default: 10px;
    --border-radius-card: 12px; /* Kartlar için biraz daha yuvarlak */
    
    /* Genel Boşluklar */
    --spacing-lg: 50px;
    --spacing-md: 30px;
    --spacing-sm: 15px;

    /* --- Light Mode (Açık Tema) --- */
    --text-color-light: #333; /* Genel metin rengi */
    --bg-color-light: #f0f2f5; /* Genel arka plan rengi */
    --card-bg-light: #ffffff; /* Kart arka plan rengi */
    --border-color-light: #e0e0e0; /* Genel sınır rengi */
    --section-heading-light: #222; /* Bölüm başlık rengi */
    --shadow-light: rgba(0, 0, 0, 0.08); /* Hafif gölge */

    /* Header Light Mode Specific */
    --header-bg-light: rgba(255, 255, 255, 0.98);
    --input-bg-light: #f5f5f5;
    --input-border-light: #ddd;

    /* Footer Light Mode Specific */
    --footer-bg-light: #202020; /* Koyu gri footer arka planı */
    --footer-text-light: #e0e0e0; /* Açık gri footer metni */
    --footer-heading-light: #ffffff; /* Beyaz footer başlıkları */
    --footer-link-light: #cccccc; /* Gri footer bağlantıları */
    --social-icon-bg-light: #3a3a3a; /* Koyu sosyal medya ikon arka planı */
    --social-icon-color-light: #e0e0e0; /* Açık gri sosyal medya ikon rengi */
    --footer-bottom-bg-light: #151515; /* Daha koyu footer alt kısmı */
    --footer-border-light: #333333; /* Koyu ayırıcı çizgi */
    --logo-filter-light: invert(0); /* Normal (renkli) logo */
    
    /* --- Dark Mode (Koyu Tema) --- */
    --text-color-dark: #e0e0e0;
    --bg-color-dark: #121212; /* Daha koyu genel arka plan */
    --card-bg-dark: #1e1e1e;
    --border-color-dark: #333333;
    --section-heading-dark: #f0f0f0;
    --shadow-dark: rgba(0, 0, 0, 0.4);

    /* Header Dark Mode Specific */
    --header-bg-dark: rgba(20, 20, 20, 0.98);
    --input-bg-dark: #333;
    --input-border-dark: #555;

    /* Footer Dark Mode Specific */
    --footer-bg-dark: #0a0a0a; /* Çok koyu footer arka planı */
    --footer-text-dark: #b0b0b0; /* Açık gri footer metni */
    --footer-heading-dark: #f0f0f0; /* Beyaz footer başlıkları */
    --footer-link-dark: #999999; /* Açık gri footer bağlantıları */
    --social-icon-bg-dark: #1f1f1f; /* Koyu sosyal medya ikon arka planı */
    --social-icon-color-dark: #b0b0b0; /* Açık gri sosyal medya ikon rengi */
    --footer-bottom-bg-dark: #000000; /* Tamamen siyah footer alt kısmı */
    --footer-border-dark: #1a1a1a; /* Daha koyu ayırıcı çizgi */
    --logo-filter-dark: invert(1); /* Logoyu beyaza çevir */
}