:root
{
    --themePrimary: #ffb709;
    --themePrimaryLight: rgba(30,99,156,0.3);
    --themePrimaryHover: #ff8207;
    --themeSecondary: #6BBF59;
    --themeSecondaryLight: #ceb4a8;
    
    --pageBackground: #f2f2f2;
    --darkText: #333333;
    --lightText: #aaaaaa;
    
    --panelHeaderBackground: #e0e0e0;
    --panelHeaderColor: #555555;
    
    --headerColor: #888888;
    --headerBackground: #e0e0e0;
    --footerColor: #e0e0e0;
    --footerBackground: #333333;
    
    --boxBorder: #cccccc;
    --loaderProgressBar: #bbbbbb;
    --inputBorder: #cccccc;
    --itemBackground: #f2f2f2;
    --itemHover: #eff7f7;
    
    --greyControl: #f0f0f0;
    --greyHover: #e0e0e0;
    --buttonBackground: #f0f0f0;
    --buttonHoverBackground: var(--themePrimary);
    --buttonColor: var(--darkText);
    --buttonHoverColor: white;
    
    --menuItemHover: #888888;
    
    --warningColor: #ff8800;
    --errorColor: #cc0000;
    --successColor: green;
    
    --emptyProgressBar: #888888;
}