:root[data-theme="light"] {
    --bg-app: #f5f5f5;
    --bg-panel: #ffffff;
    --bg-workspace: #e0e0e0;
    --bg-hover: #f0f0f0;
    --bg-active: #e6e6e6;
    --bg-input: #ffffff;
    
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-inverse: #ffffff;
    
    --border-color: #dddddd;
    
    /* Configurable variables will be overridden by JS */
    --accent-color: #6C63FF;
}