/* Font Tanımları (Poppins ve Roboto kalsın, iyi seçim) */
body {
    font-family: 'Roboto', sans-serif;
    color: #333; /* Koyu Gri Metin */
    background-color: #f8f8f8; /* Hafif kırık beyaz arkaplan */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

/* Renk Değişkenleri ve Bootstrap Override (Gri Tonlar) */
:root {
    --bs-primary: #212529; /* Koyu Siyah/Çok Koyu Gri (Ana Vurgu) */
    --bs-secondary: #6c757d; /* Orta Gri (İkincil Vurgu/Butonlar) */
    --bs-light: #f8f9fa; /* Açık Gri */
    --bs-dark: #212529;
}

/* Buton ve Link Rengi */
.btn-primary, .text-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #495057; /* Hover'da koyu gri */
    --bs-btn-active-bg: #495057;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
}

/* Navbar (Menu) Stili */
.navbar-dark {
    /* Navbar'ı beyaz yapıp, metni siyah yapalım */
    background-color: white !important;
    border-bottom: 1px solid #dee2e6;
}

    .navbar-dark .nav-link {
        color: #333 !important; /* Metin rengi koyu */
    }

    .navbar-dark .navbar-brand {
        color: var(--bs-primary) !important;
        font-weight: 700;
    }

/* Kahraman Alanı (Hero Section) - Siyah-Beyaz/Gri Versiyon */
.hero-section {
    /* Çok koyu arka plan */
    background-color: var(--bs-primary);
    color: white;
    padding: 80px 0;
    min-height: 400px;
    display: flex;
    align-items: center;
}
/* ... diğer stiller aynı kalabilir ... */