/* Cyber Theme Styles */

/* Light Cyber Theme */
.theme-light-cyber {
    --primary: #ff5722;
    --primary-dark: #e64a19;
    --success: #4caf50;
    --error: #f44336;
    --text: #333333;
    --text-light: #666666;
    --border: #e0e0e0;
    --bg: #f0f0f0;
    --bg-light: #ffffff;
    --bg-dark: #fafafa;
    --modal-overlay: rgba(0, 0, 0, 0.5);
    background: #f0f0f0;
}

.theme-light-cyber .file-option {
    border: 1px solid var(--border);
    box-shadow: 0 2px 8px rgba(255, 87, 34, 0.15);
    transition: all 0.3s ease;
}

.theme-light-cyber .file-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.25);
    border-color: var(--primary);
}

/* Dark Cyber Theme */
.theme-dark-cyber {
    --primary: #00ffff;
    --primary-dark: #00cccc;
    --success: #00ff88;
    --error: #ff0066;
    --text: #ffffff;
    --text-light: #cccccc;
    --border: #444444;
    --bg: #0a0a0a;
    --bg-light: #1a1a1a;
    --bg-dark: #2a2a2a;
    --modal-overlay: rgba(0, 0, 0, 0.8);
    background: #0a0a0a;
    font-family: 'Courier New', monospace;
}

.theme-dark-cyber body {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    background-attachment: fixed;
}

.theme-dark-cyber .file-option {
    border: 1px solid var(--primary);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
    transition: all 0.3s ease;
    background: rgba(0, 255, 255, 0.05);
}

.theme-dark-cyber .file-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
    background: rgba(0, 255, 255, 0.1);
}

.theme-dark-cyber .file-option.selected {
    background: rgba(0, 255, 255, 0.2);
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.6);
}

.theme-dark-cyber h1 {
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.theme-dark-cyber .btn-primary {
    background: var(--primary);
    color: #000;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.theme-dark-cyber .btn-primary:hover {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
}