/* ========================================================= */
/* 1. CSS CUSTOM PROPERTIES & TEMEL SIFIRLAMA - AÇIK TEMA + KIRMIZI VURGU */
/* ========================================================= */
:root {
    /* Renk Paleti (Ultra Beyaz & Kırmızı Vurgu) */
    --color-dark-bg: #F8F8F8;         /* Ana Arka Plan (Açık Gri/Hafif Beyaz) */
    --color-dark-surface: #FFFFFF;    /* Kartlar, Yüzeyler (Beyaz) */
    --color-primary: #FF0000;         /* Canlı Ana Renk (KIRMIZI!) */
    --color-secondary: #8A2BE2;       /* İkincil Vurgu (Mavi-Mor) */
    --color-text-light: #1C1C1E;      /* Açık Metin -> Koyu Metin */
    --color-text-muted: #555555;      /* Hafif Metin (Koyu Gri) */
    --color-border: #DDDDDD;          /* Çizgi Rengi (Açık Gri) */

    /* Fontlar ve Boyutlar (Aynı Kalır) */
    --font-primary: 'Poppins', sans-serif;
    --font-size-base: 15px; 

    /* Boşluklar (Aynı Kalır) */
    --spacing-sm: 15px;
    --spacing-md: 25px;
    --spacing-lg: 50px;
    
    /* Global Animasyon Hızı (Aynı Kalır) */
    --transition-speed: 0.25s;
    --transition-easing: cubic-bezier(0.4, 0, 0.2, 1); 
}

/* Evrensel sıfırlama */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Temel stil uygulaması */
body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--color-text-light); /* Koyu metin */
    background-color: var(--color-dark-bg); /* Açık arka plan */
    font-size: var(--font-size-base);
    transition: background-color var(--transition-speed), color var(--transition-speed); 
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-speed), opacity var(--transition-speed);
}

a:hover {
    color: var(--color-text-muted); /* Koyu gri hover */
}

/* Genel Kapsayıcı */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-sm);
}

/* Başlık stilleri */
h1, h2, h3 {
    font-weight: 600; 
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
}

.highlight {
    color: var(--color-primary);
}

.section-title {
    font-size: 1.8rem;
    color: var(--color-text-light); /* Koyu başlık */
    text-align: center;
    margin-bottom: var(--spacing-lg);
}
.text-center {
    text-align: center;
}
.mt-lg {
    margin-top: var(--spacing-lg);
}