/* Theme 1 (Default) - Cyber Green */
.theme-1 {
    --primary-color: #00ff9d;
    --secondary-color: #00b8ff;
    --accent-color: #ff00aa;
    --background-color: #0a0a0a;
    --surface-color: #1a1a1a;
    --text-color: #ffffff;
    --text-secondary: #b0b0b0;
    --border-color: #333333;
    --success-color: #00ff9d;
    --warning-color: #ffcc00;
    --error-color: #ff3366;
}

/* Theme 2 - Neon Blue */
.theme-2 {
    --primary-color: #0066ff;
    --secondary-color: #00ffff;
    --accent-color: #ff00ff;
    --background-color: #050510;
    --surface-color: #0f0f1a;
    --text-color: #ffffff;
    --text-secondary: #a0a0b0;
    --border-color: #222233;
    --success-color: #00ffff;
    --warning-color: #ffcc00;
    --error-color: #ff3366;
}

/* Theme 3 - Matrix Red */
.theme-3 {
    --primary-color: #ff003c;
    --secondary-color: #ff7700;
    --accent-color: #00ff9d;
    --background-color: #000000;
    --surface-color: #0f0f0f;
    --text-color: #ffffff;
    --text-secondary: #a0a0a0;
    --border-color: #333333;
    --success-color: #ff003c;
    --warning-color: #ff7700;
    --error-color: #ff003c;
}

/* Theme Transition */
body {
    transition: background-color 0.5s, color 0.5s;
}

/* Theme Button Active State */
.theme-btn.active {
    background-color: var(--primary-color);
    color: #000;
    border-color: var(--primary-color);
}