/* ORTAK TEMA DEĞİŞKENLERİ */
:root {
    transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
}

/* 1. KAPALI KIRMIZI (VARSAYILAN) */
.theme-dark-red {
    --bg-body: #0f0505;
    --bg-card: rgba(30, 10, 10, 0.6);
    --bg-card-border: rgba(244, 63, 94, 0.15);
    --text-main: #ffffff;
    --text-muted: #a3a3a3;
    --color-brand: #f43f5e;
    --color-brand-glow: rgba(244, 63, 94, 0.5);
    --text-on-brand: #ffffff;
    --logo-filter: brightness(0) invert(1);
}

/* 2. AÇIK KIRMIZI */
.theme-light-red {
    --bg-body: #fff1f2;
    --bg-card: rgba(255, 255, 255, 0.9);
    --bg-card-border: rgba(225, 29, 72, 0.2);
    --text-main: #881337;
    --text-muted: #9f1239;
    --color-brand: #e11d48;
    --color-brand-glow: rgba(225, 29, 72, 0.2);
    --text-on-brand: #ffffff;
    --logo-filter: none;
}

/* 3. KAPALI MOR */
.theme-dark-purple {
    --bg-body: #0b0a16;
    --bg-card: rgba(20, 18, 35, 0.7);
    --bg-card-border: rgba(139, 92, 246, 0.2);
    --text-main: #ffffff;
    --text-muted: #c4b5fd;
    --color-brand: #a855f7;
    --color-brand-glow: rgba(168, 85, 247, 0.6);
    --text-on-brand: #ffffff;
    --logo-filter: brightness(0) invert(1);
}

/* 4. AÇIK MOR */
.theme-light-purple {
    --bg-body: #faf5ff;
    --bg-card: rgba(255, 255, 255, 0.8);
    --bg-card-border: rgba(168, 85, 247, 0.2);
    --text-main: #3b0764;
    --text-muted: #6b21a8;
    --color-brand: #9333ea;
    --color-brand-glow: rgba(147, 51, 234, 0.2);
    --text-on-brand: #ffffff;
    --logo-filter: none;
}

/* 5. KAPALI MAVİ */
.theme-dark-blue {
    --bg-body: #0f172a;
    --bg-card: rgba(30, 41, 59, 0.7);
    --bg-card-border: rgba(56, 189, 248, 0.15);
    --text-main: #ffffff;
    --text-muted: #94a3b8;
    --color-brand: #38bdf8;
    --color-brand-glow: rgba(56, 189, 248, 0.5);
    --text-on-brand: #ffffff;
    --logo-filter: brightness(0) invert(1);
}

/* 6. AÇIK MAVİ */
.theme-light-blue {
    --bg-body: #f8fafc;
    --bg-card: rgba(255, 255, 255, 0.9);
    --bg-card-border: rgba(14, 165, 233, 0.2);
    --text-main: #0f172a;
    --text-muted: #475569;
    --color-brand: #0284c7;
    --color-brand-glow: rgba(2, 132, 199, 0.2);
    --text-on-brand: #ffffff;
    --logo-filter: none;
}

/* 7. KAPALI SADE */
.theme-dark-simple {
    --bg-body: #000000;
    --bg-card: #121212;
    --bg-card-border: #333333;
    --text-main: #ffffff;
    --text-muted: #888888;
    --color-brand: #ffffff;
    --color-brand-glow: rgba(255, 255, 255, 0.2);
    --text-on-brand: #000000;
    --logo-filter: grayscale(1) brightness(2);
}

/* 8. AÇIK SADE */
.theme-light-simple {
    --bg-body: #ffffff;
    --bg-card: #f4f4f5;
    --bg-card-border: #e4e4e7;
    --text-main: #000000;
    --text-muted: #52525b;
    --color-brand: #18181b;
    --color-brand-glow: rgba(0,0,0,0.1);
    --text-on-brand: #ffffff;
    --logo-filter: grayscale(1);
}

/* ORTAK STİLLER */
body {
    background-color: var(--bg-body);
    color: var(--text-main);
    background-image: 
        radial-gradient(at 0% 0%, var(--color-brand-glow) 0px, transparent 40%),
        radial-gradient(at 100% 100%, var(--color-brand-glow) 0px, transparent 40%);
    background-attachment: fixed;
}

.glass-card {
    background-color: var(--bg-card);
    border: 1px solid var(--bg-card-border);
    backdrop-filter: blur(12px);
}

.nav-blur {
    background-color: var(--bg-body);
    opacity: 0.95;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--bg-card-border);
}

.logo-img {
    filter: var(--logo-filter);
    transition: filter 0.3s ease;
}

/* Dropdown */
#theme-dropdown {
    transform-origin: top right;
    transition: all 0.2s ease;
}

#theme-dropdown.hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}

#theme-dropdown.visible {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Animasyonlar */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-scroll {
    animation: scroll 60s linear infinite;
}