/* 
   index.css
   Tasarım Sistemi, Değişkenler, Sıfırlamalar ve Temel Stiller
*/

:root {
    /* Renk Paleti (Premium Koyu Tema - Lojistik için güncellendi) */
    --bg-color: #0b0c10;
    --bg-color-light: #1f2833;
    --primary-color: #45a29e; /* Deniz ve Güven Rengi */
    --primary-dark: #66fcf1;
    --text-main: #ffffff;
    --text-muted: #c5c6c7;
    
    /* Glassmorphism */
    --glass-bg: rgba(31, 40, 51, 0.4);
    --glass-border: rgba(102, 252, 241, 0.2);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);

    /* Tipografi */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Geçişler */
    --transition-fast: 0.2s ease-out;
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    /* Gece mavisinden yıldızlı maviye geçiş (Varsayılan Orijinal) */
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(8, 25, 60, 0.85) 50%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    color: var(--text-main);
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
    transition: background 0.5s ease, color 0.5s ease;
}

/* --- TEMA RENKLERİ VE İMLEÇ (CURSOR) --- */
:root {
    --cursor-color: #66fcf1; /* Varsayılan Orijinal */
}

/* 1. Orijinal */
[data-theme="original"] { --cursor-color: #66fcf1; }

/* 2. Saf Beyaz */
[data-theme="solid-white"] { 
    --cursor-color: #0ea5e9; 
    --text-main: #0f172a;
    --text-muted: #334155;
}
[data-theme="solid-white"] body {
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.98) 0%, rgba(226, 232, 240, 0.9) 50%, rgba(203, 213, 225, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 3. Gece Siyahı */
[data-theme="solid-black"] { --cursor-color: #0ea5e9; }
[data-theme="solid-black"] body {
    background: linear-gradient(to bottom, rgba(2, 6, 23, 0.98) 0%, rgba(15, 23, 42, 0.9) 50%, rgba(30, 41, 59, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 4. Klasik Mavi */
[data-theme="solid-blue"] { --cursor-color: #93c5fd; }
[data-theme="solid-blue"] body {
    background: linear-gradient(to bottom, rgba(30, 58, 138, 0.98) 0%, rgba(37, 99, 235, 0.9) 50%, rgba(59, 130, 246, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 5. Gümüş Gri */
[data-theme="solid-gray"] { --cursor-color: #cbd5e1; }
[data-theme="solid-gray"] body {
    background: linear-gradient(to bottom, rgba(51, 65, 85, 0.98) 0%, rgba(71, 85, 105, 0.9) 50%, rgba(100, 116, 139, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 6. Siberpunk */
[data-theme="cyberpunk"] { --cursor-color: #00f0ff; }
[data-theme="cyberpunk"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 0, 127, 0.25) 35%, rgba(0, 240, 255, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 7. Zümrüt */
[data-theme="emerald"] { --cursor-color: #00ff88; }
[data-theme="emerald"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(0, 255, 136, 0.25) 35%, rgba(0, 179, 89, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 8. Altın Şafak */
[data-theme="gold"] { --cursor-color: #ffd700; }
[data-theme="gold"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 215, 0, 0.25) 35%, rgba(184, 134, 11, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 9. Kızıl Gece */
[data-theme="crimson"] { --cursor-color: #ff3333; }
[data-theme="crimson"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 51, 51, 0.25) 35%, rgba(204, 0, 0, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 10. Matrix Yeşili */
[data-theme="matrix"] { --cursor-color: #00ff00; }
[data-theme="matrix"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(0, 255, 0, 0.25) 35%, rgba(0, 100, 0, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 11. Neon Mor */
[data-theme="neon-purple"] { --cursor-color: #b700ff; }
[data-theme="neon-purple"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(183, 0, 255, 0.25) 35%, rgba(75, 0, 130, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 12. Plazma */
[data-theme="plasma"] { --cursor-color: #ff00ff; }
[data-theme="plasma"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 0, 255, 0.25) 35%, rgba(0, 31, 122, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 13. Okyanus Derinliği */
[data-theme="ocean"] { --cursor-color: #00b4d8; }
[data-theme="ocean"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(0, 180, 216, 0.25) 35%, rgba(0, 77, 122, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 14. Volkan Ateşi */
[data-theme="volcano"] { --cursor-color: #ff8c00; }
[data-theme="volcano"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 140, 0, 0.25) 35%, rgba(139, 0, 0, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 15. Buzul */
[data-theme="glacier"] { 
    --cursor-color: #00bcd4; 
    --text-main: #004d40;
    --text-muted: #00695c;
}
[data-theme="glacier"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(0, 188, 212, 0.25) 35%, rgba(128, 222, 234, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 16. Gün Batımı */
[data-theme="sunset"] { --cursor-color: #ffd1dc; }
[data-theme="sunset"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(255, 81, 47, 0.25) 35%, rgba(221, 36, 118, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 17. Nebula */
[data-theme="nebula"] { --cursor-color: #f8bbd0; }
[data-theme="nebula"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(240, 194, 123, 0.25) 35%, rgba(75, 18, 72, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 18. Kara Delik */
[data-theme="blackhole"] { --cursor-color: #9d00ff; }
[data-theme="blackhole"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(26, 0, 51, 0.5) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 19. Gökada */
[data-theme="galaxy"] { --cursor-color: #e0b0ff; }
[data-theme="galaxy"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(138, 43, 226, 0.25) 35%, rgba(0, 0, 51, 0.4) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* 20. Ametist */
[data-theme="amethyst"] { --cursor-color: #e6e6fa; }
[data-theme="amethyst"] body {
    background: linear-gradient(to bottom, rgba(4, 11, 30, 0.98) 0%, rgba(153, 102, 204, 0.25) 35%, rgba(75, 0, 130, 0.2) 65%, rgba(15, 50, 100, 0.8) 100%), url('//unpkg.com/three-globe/example/img/night-sky.png');
    background-attachment: fixed; background-size: cover; background-position: center;
}

/* --- ÖZEL İMLEÇ (CUSTOM CURSOR) --- */
body, a, button, .theme-card, input, textarea {
    cursor: none !important; /* Varsayılan imleci gizle */
}
#cursor-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 999999;
}

/* --- AÇIK RENKLİ TEMALAR İÇİN LOGO METNİ DÜZELTMESİ --- */
[data-theme="solid-white"] .logo-text,
[data-theme="glacier"] .logo-text {
    color: var(--text-main);
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

/* Background Animation */
.animated-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: radial-gradient(circle at 20% 10%, rgba(10, 30, 80, 0.4), transparent 40%),
                radial-gradient(circle at 80% 30%, rgba(20, 50, 120, 0.35), transparent 45%),
                radial-gradient(circle at 50% 90%, rgba(40, 90, 180, 0.3), transparent 50%);
    filter: blur(40px);
    animation: bg-pulse 12s infinite alternate ease-in-out;
}

@keyframes bg-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.1); opacity: 1; }
}

/* Yükselen Işıklı Noktalar (Partiküller) */
.particles {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.particle {
    position: absolute;
    border-radius: 50%;
    background: rgba(0, 200, 255, 0.7);
    animation: rise linear infinite;
    box-shadow: 0 0 8px rgba(0, 200, 255, 0.8);
}
@keyframes rise {
    0% { transform: translateY(110vh); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 0.4; }
    100% { transform: translateY(-50px); opacity: 0; }
}