/* Light Theme (Default) */
.light-theme {
    --primary-color: #5c6bc0;
    --primary-light: #8e99f3;
    --primary-dark: #26418f;
    --secondary-color: #7e57c2;
    --secondary-light: #b085f5;
    --secondary-dark: #4d2c91;
    --text-primary: #37474f;
    --text-secondary: #546e7a;
    --text-light: #ffffff;
    --background: #f5f5f5;
    --surface: #ffffff;
    --error: #f44336;
    --success: #4caf50;
    --warning: #ff9800;
    --border-color: #e0e0e0;
}

/* Dark Theme */
.dark-theme {
    --primary-color: #7986cb;
    --primary-light: #aab6fe;
    --primary-dark: #49599a;
    --secondary-color: #9575cd;
    --secondary-light: #c7a4ff;
    --secondary-dark: #65499c;
    --text-primary: #e0e0e0;
    --text-secondary: #9e9e9e;
    --text-light: #ffffff;
    --background: #121212;
    --surface: #1e1e1e;
    --error: #f44336;
    --success: #4caf50;
    --warning: #ff9800;
    --border-color: #424242;
}

/* Alternative Theme 1 - Elegant Blue */
.blue-theme {
    --primary-color: #3f51b5;
    --primary-light: #757de8;
    --primary-dark: #002984;
    --secondary-color: #2196f3;
    --secondary-light: #6ec6ff;
    --secondary-dark: #0069c0;
    --text-primary: #263238;
    --text-secondary: #455a64;
    --text-light: #ffffff;
    --background: #e3f2fd;
    --surface: #ffffff;
    --error: #f44336;
    --success: #4caf50;
    --warning: #ff9800;
    --border-color: #bbdefb;
}

/* Alternative Theme 2 - Sophisticated Green */
.green-theme {
    --primary-color: #4caf50;
    --primary-light: #80e27e;
    --primary-dark: #087f23;
    --secondary-color: #8bc34a;
    --secondary-light: #bef67a;
    --secondary-dark: #5a9216;
    --text-primary: #263238;
    --text-secondary: #455a64;
    --text-light: #ffffff;
    --background: #e8f5e9;
    --surface: #ffffff;
    --error: #f44336;
    --success: #4caf50;
    --warning: #ff9800;
    --border-color: #c8e6c9;
}

/* Theme transition */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Theme toggle animation */
.theme-toggle {
    transition: transform 0.3s ease;
}

.theme-toggle:hover {
    transform: rotate(30deg);
}