/* =========================================
   1. DIEN ART DARK MODE RENK PALETİ
   ========================================= */
:root {
    /* Zemin Renkleri: Logonun Koyu Turkuaz/Deniz Yeşili Tonu */
    --bg-main: #1E4642;           /* Derin, soğuk koyu turkuaz ana zemin */
    --bg-secondary: #13302C;      /* Daha da koyu, zifiri deniz yeşili (bölümler için) */
    --bg-box: #1A3D39;            /* Kutuların içi (Hizmetler vb.) */
    
    /* Yazı Renkleri: Beyaz ve Logonun Grisi */
    --text-main: #FFFFFF;         /* Bembeyaz, vurucu başlıklar ve ana yazılar */
    --text-muted: #A0A8A5;        /* Logonun gri/turkuaz tonu (okumayı yormayan metinler) */
    
    /* Vurucu İmza: Logonun Parlak Sarı Üçgeni */
    --accent: #FFFF00;            /* İmza sarımız! (İmleç, mail, butonlar bu renk olacak) */
    
    /* Çerçeveler ve Buzlu Cam */
    --border-color: #2C5C57;      /* Koyu turkuaz, belirgin olmayan zarif çerçeveler */
    --glass-bg: rgba(30, 70, 66, 0.75); /* Koyu buzlu cam (Navbar için) */
}

/* =========================================
   2. SLAYT (HERO) LIGHT MODE DÜZELTMELERİ
   ========================================= */

/* Tipografi Slaytı: Dienart Turkuaz/Deniz Yeşili Tülü */
.hero-overlay-dark { 
    background-color: rgba(30, 70, 66, 0.5) !important; /* 0.5 şeffaflık rengi çok tatlı ve tok gösterir */
}

/* Sinematik Slayt: Turkuaz geçişli gölge */
.sinematik-overlay { 
    background: linear-gradient(to right, rgba(30, 70, 66, 0.95) 0%, rgba(30, 70, 66, 0.1) 100%) !important; 
}

/* Sinematik Slayt Buton ve Kontrol Renkleri (Siyah zemin için beyazdı, şimdi beyaz zemin için siyaha/koyuya dönecek) */
.sinematik-btn { 
    border-color: var(--text-main) !important; 
    color: var(--text-main) !important; 
}
.sinematik-btn:hover { 
    background: var(--text-main) !important; 
    color: var(--bg-main) !important; 
}
.sinematik-controls button { 
    border-color: rgba(0, 0, 0, 0.2) !important; 
    color: var(--text-main) !important; 
}
.sinematik-controls button:hover {
    border-color: var(--accent) !important; 
    color: var(--accent) !important;
}