/* Light theme (default) */
.theme-light {
    --primary-color: #4a6bdf;
    --primary-hover: #3a5bd9;
    --text-color: #333;
    --text-light: #666;
    --bg-color: #fff;
    --bg-secondary: #f8f9fa;
    --border-color: #e0e0e0;
}

/* Dark theme */
.theme-dark {
    --primary-color: #6c8eff;
    --primary-hover: #5a7eff;
    --text-color: #f0f0f0;
    --text-light: #b0b0b0;
    --bg-color: #121212;
    --bg-secondary: #1e1e1e;
    --border-color: #333;
}

/* Blue theme */
.theme-blue {
    --primary-color: #2196f3;
    --primary-hover: #0d8bf2;
    --text-color: #333;
    --text-light: #666;
    --bg-color: #f5f9ff;
    --bg-secondary: #e1f0ff;
    --border-color: #cce5ff;
}

/* Green theme */
.theme-green {
    --primary-color: #4caf50;
    --primary-hover: #3d8b40;
    --text-color: #333;
    --text-light: #666;
    --bg-color: #f5fff5;
    --bg-secondary: #e0f7e0;
    --border-color: #c8e6c9;
}

/* Font sizes */
.font-small {
    --font-size: 14px;
}

.font-medium {
    --font-size: 16px;
}

.font-large {
    --font-size: 18px;
}