/* 1. ANA RENK DEĞİŞKENLERİ */
:root {
    --bg-color: #ffffff;
    --text-color: #868e96;
    --heading-color: #343a40;
    --nav-bg: #bd5d38; /* Orijinal Turuncu */
}

[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #aeb5bc;
    --heading-color: #ffffff;
    --nav-bg: #000000;
}

/* 2. GENEL GÖRÜNÜM VE GEÇİŞLER */
body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    transition: background-color 0.4s ease, color 0.4s ease !important;
}

[data-theme="dark"] .resume-section {
    background-color: var(--bg-color) !important;
}

/* 3. BAŞLIKLAR VE YAZILAR */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .subheading,
[data-theme="dark"] .lead {
    color: var(--heading-color) !important;
}

[data-theme="dark"] .text-primary {
    color: #ff9d7d !important; /* İsminin sonundaki tona yakın yumuşak turuncu */
}

/* 4. SOL MENÜ (SIDEBAR) */
[data-theme="dark"] #sideNav {
    background-color: var(--nav-bg) !important;
    border-right: 1px solid #333;
}

/* 5. SOSYAL MEDYA İKONLARI (HOVER EFEKTİ) */
.social-icons a {
    transition: all 0.3s ease-in-out !important;
}

    .social-icons a:hover {
        transform: translateY(-5px);
    }

    .social-icons a[href*="linkedin"]:hover {
        background-color: #0077b5 !important;
    }

    .social-icons a[href*="instagram"]:hover {
        background-color: #e4405f !important;
    }

    .social-icons a[href*="github"]:hover {
        background-color: #333 !important;
    }

    .social-icons a[href*="twitter"]:hover {
        background-color: #1da1f2 !important;
    }

/* 6. YETENEK İKONLARI (RENKLİ HOVER) */
.dev-icons .list-inline-item i {
    transition: all 0.3s ease;
    color: #868e96;
}

    .dev-icons .list-inline-item i:hover {
        transform: scale(1.2);
    }

.fa-html5:hover {
    color: #E34F26 !important;
}

.fa-css3-alt:hover {
    color: #1572B6 !important;
}

.fa-js-square:hover {
    color: #F7DF1E !important;
}

.fa-react:hover {
    color: #61DAFB !important;
}

.fa-node-js:hover {
    color: #339933 !important;
}

.fa-npm:hover {
    color: #CB3837 !important;
}

/* Mod Değiştir Butonunu Diğer Menü Linkleriyle Aynı Yap */
#theme-toggle {
    display: block;
    font-weight: 800;
    letter-spacing: .05rem;
    text-transform: uppercase;
    padding: .5rem 1rem;
    color: rgba(255, 255, 255, .5) !important; /* Diğer linklerin pasif rengi */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

    #theme-toggle:hover {
        color: #fff !important; /* Üzerine gelince diğerleri gibi beyaz olsun */
        background: none !important; /* Kutu görünümünü kaldır */
    }

/* Karanlık modda ikonun yanındaki metin rengini ayarla */
[data-theme="dark"] #theme-toggle {
    color: rgba(255, 255, 255, .7) !important;
}