:root {
    /* Light theme variables */
    --bg-color: #f8f9fa;
    --container-bg: #fff;
    --text-color: #333;
    --header-bg: #007bff;
    --header-text: #fff;
    --border-color: #ddd;
    --border-hover: #ccc;
    --section-shadow: rgba(0,0,0,0.1);
    --input-bg: #fff;
    --input-border: #ddd;
    --btn-bg: #007bff;
    --btn-bg-rgb: 0, 123, 255;
    --btn-hover: #0069d9;
    --btn-text: #fff;
    --output-bg: #f9f9f9;
    --success-color: #28a745;
    --error-color: #dc3545;
    --info-color: #0066cc;
    --danger-bg: #dc3545;
    --danger-hover: #c82333;
    --separator-color: #eee;
}