/* Ana renk paleti */
:root {
    --primary-dark: #003087;   /* Koyu mavi - navbar, başlık */
    --primary: #005eb8;        /* Orta mavi - butonlar, accent */
    --light: #f8f9fa;          /* Açık gri-beyaz arka plan */
    --white: #ffffff;
}

/* Navbar özelleştirme */
.navbar {
    background-color: var(--primary-dark) !important;
}

.navbar-brand h4 {
    font-weight: 700;
    color: white !important;
}

.navbar-brand small {
    color: rgba(255,255,255,0.8);
}

/* Hero bölümü */
.bg-primary {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary)) !important;
}

/* Kartlar ve gölgeler */
.card {
    border: none;
    box-shadow: 0 4px 15px rgba(0, 48, 135, 0.1);
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-10px);
}

/* Butonlar */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-outline-primary {
    color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-outline-primary:hover {
    background-color: var(--primary-dark);
    color: white;
}

/* Başlıklar */
h1, h2, h3, h4 {
    color: var(--primary-dark);
    font-weight: 600;
}

/* Footer */
footer {
    background-color: var(--primary-dark) !important;
}

/* Mobil uyum için ekstra */
@media (max-width: 768px) {
    .navbar-brand img {
        height: 50px !important;
    }
    .display-4 {
        font-size: 2.5rem;
    }
}