/* Theme Switcher */
.theme-toggle {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.8;
    transition: opacity 0.3s;
    width: 48px;
    height: 48px;
}

.theme-toggle:hover {
    opacity: 1;
}

.theme-toggle img {
    width: 32px;
    height: 32px;
    position: absolute;
    transition: opacity 0.3s;
}

[data-theme="light"] .theme-toggle .moon-icon {
    opacity: 0;
    transform: scale(0.8);
}

[data-theme="dark"] .theme-toggle .sun-icon {
    opacity: 0;
    transform: scale(0.8);
}

/* Active states */
[data-theme="dark"] .moon-icon,
[data-theme="light"] .sun-icon {
    opacity: 1;
    transform: scale(1);
}

/* Light Theme Overrides */
[data-theme="light"] {
    --primary: #c7c7c7;
    --secondary: #f5f5f5;
    --tertiary: #eeeeee;
    --quaternary: #bbbbbb;
    --accent: #007bff;
    --light: #2d2d2d;
    --dark: #e0e0e0;
    --surface: #eeeeee;
    --border: rgba(0,0,0,0.1);
}

[data-theme="light"] body {
    color: #2d2d2d;
}

[data-theme="light"] .scan-card,
[data-theme="light"] .modal-content,
[data-theme="light"] .sidebar,
[data-theme="light"] .navbar {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Logo Theme Switching */
.logo-dark {
    display: block;
}

.logo-light {
    display: none;
}

[data-theme="light"] .logo-dark {
    display: none;
}

[data-theme="light"] .logo-light {
    display: block;
}