body.dark-mode {
    --bg-primary: #0E1117;
    --bg-secondary: #1A1D24;
    --text-primary: #E4E4E4;
    --text-secondary: #9CA3AF;
    --accent-primary: #4DB6F9;
    --accent-hover: #7AC8FA;
    --border-color: #2D3139;
    --shadow: rgba(0, 0, 0, 0.5);
}

body.dark-mode .header {
    background: rgba(14, 17, 23, 0.95);
}

/* Logo Wechsel */
body.dark-mode .logo-light {
    display: none;
}

body.dark-mode .logo-dark {
    display: block;
}

/* Theme Toggle Icons - FIX */
.sun-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    pointer-events: auto;
}

.moon-icon {
    opacity: 0;
    transform: rotate(90deg) scale(0);
    pointer-events: none;
}

body.dark-mode .sun-icon {
    opacity: 0;
    transform: rotate(90deg) scale(0);
    pointer-events: none;
}

body.dark-mode .moon-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    pointer-events: auto;
}

/* Theme Toggle Border */
body.dark-mode .theme-toggle {
    border-color: white;
}

/* Mobile Menu Toggle Border */
body.dark-mode .mobile-menu-toggle {
    border-color: white;
}

/* Hamburger Lines */
body.dark-mode .hamburger-line {
    background: white;
}

/* Hero Overlay */
body.dark-mode .hero-overlay {
    background: linear-gradient(135deg, rgba(77, 182, 249, 0.2), rgba(0, 0, 0, 0.8));
}

/* Service Card */
body.dark-mode .service-card {
    background: var(--bg-secondary);
}