/* Light theme (default appearance) */
.theme-light .app-window {
    background: white;
    color: #333;
}

.theme-light .app-window.active-window .window-header {
    background: linear-gradient(90deg, #764ba2, #667eea);
}

.theme-light .app-window:not(.active-window) .window-header {
    background: linear-gradient(90deg, #888, #aaa);
    opacity: 0.85;
}

/* Dark theme styles */
.theme-dark .app-window {
    background: #2d2d2d;
    color: #e0e0e0;
}

.theme-dark .app-window.active-window .window-header {
    background: linear-gradient(90deg, #764ba2, #667eea);
}

.theme-dark .app-window:not(.active-window) .window-header {
    background: linear-gradient(90deg, #555, #777);
    opacity: 0.85;
}

/* Dark theme for desktop */
.theme-dark .desktop {
    filter: brightness(0.8);
}

.theme-dark .desktop-file-name {
    color: #e0e0e0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* Dark theme styles for dock */
.theme-dark .app-dock,
.app-dock.theme-dark {
    background: rgba(45, 45, 45, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.theme-dark .dock-clock:hover,
.app-dock.theme-dark .dock-clock:hover {
    background: rgba(255, 255, 255, 0.1);
}

.theme-dark .dock-time,
.app-dock.theme-dark .dock-time {
    color: #e0e0e0;
}

.theme-dark .dock-date,
.app-dock.theme-dark .dock-date {
    color: #999;
}

.theme-dark .dock-app:hover,
.app-dock.theme-dark .dock-app:hover {
    background: rgba(255, 255, 255, 0.1);
}

.theme-dark .app-name,
.app-dock.theme-dark .app-name {
    color: #e0e0e0;
}

/* Light theme styles for dock */
.theme-light .app-dock,
.app-dock.theme-light {
    background: rgba(248, 249, 250, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}

.theme-light .dock-clock:hover,
.app-dock.theme-light .dock-clock:hover {
    background: rgba(0, 0, 0, 0.03);
}

.theme-light .dock-time,
.app-dock.theme-light .dock-time {
    color: #333;
}

.theme-light .dock-date,
.app-dock.theme-light .dock-date {
    color: #666;
}

.theme-light .dock-app:hover,
.app-dock.theme-light .dock-app:hover {
    background: rgba(0, 0, 0, 0.03);
}

.theme-light .app-name,
.app-dock.theme-light .app-name {
    color: #333;
}

/* Vertical dock theme adjustments */
.theme-dark .app-dock.dock-vertical .app-name {
    color: #e0e0e0;
}

.theme-light .app-dock.dock-vertical .app-name {
    color: #333;
}

/* Context menu dark theme */
.theme-dark .context-menu {
    background: rgba(40, 40, 40, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
}

.theme-dark .context-menu-item {
    color: #e0e0e0;
}

.theme-dark .context-menu-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Dark theme for dialogs */
.theme-dark .create-file-dialog,
.theme-dark .reboot-dialog {
    background: #2d2d2d;
    color: #e0e0e0;
}

.theme-dark .create-file-dialog h3,
.theme-dark .reboot-dialog h3 {
    color: #e0e0e0;
}

.theme-dark .file-name-input {
    background: #3a3a3a;
    border-color: #555;
    color: #e0e0e0;
}

.theme-dark .file-name-input:focus {
    border-color: #007bff;
}

/* Theme-aware clock notification */
.theme-dark .clock-notification {
    background: rgba(255, 255, 255, 0.9);
    color: #333;
}