:root {
    /*common*/
    --common-purple-color: #2D2970;
    --common-light-purple-color: #EFEAFF;
    --color-secondary: #5150AA;
    --common-blue-color: #2a6899;
    --dark-blue-color: #256496;
    --common-red-color: #B81F42;
    --registration-button-cancel-color: #EBEBF6;
    --registration-button-cancel-text-color: var(--common-purple-color);
    --registration-button-next-color: #FEE100;
    --registration-button-next-text-color: var(--common-purple-color);
    
    
    /*buttons*/
    --button-color: var(--common-red-color);
    --link-color: var(--common-red-color);
    --button-border-color: transparent;
    --button-text-color: #ffffff;
    
    /*header*/
    --header-links-color: #ffffff;
    --header-links-hover-color: var(--common-blue-color);
    --header-links-background-color: transparent;
    --header-color: var(--color-secondary);
    --header-shadow-color: rgba(13, 26, 33, 0.2);
    
    /*body*/
    --body-background-color: #ffffff;
    --body-background-smoke-color: #f5f5f5;
    --body-link-text-color: var(--common-purple-color);
    --body-text-shadow-color: #36262b;

    /*footer*/
    --footer-links-color: #ffffff;
    --footer-links-hover-color: var(--common-blue-color);
    --footer-links-background-color: transparent;
    --footer-color: var(--color-secondary);
    --footer-shadow-color: rgba(13, 26, 33, 0.2);
    
    /*inputs*/
    --input-background-color: #ffffff;
    --input-border-color: #e5e8ef;
    --input-placeholder-color: #9199a8;
    --input-text-color: #000000;
    --input-border-hover-color: rgba(37, 100, 150, 0.4);    
    --input-icon-background-color: transparent;    
    
    /*other*/
    --error-message-background-color: #f6cad4;
    --error-message-icon-color: var(--common-red-color);
    
    --password-requirement-color: #9199a8;
    --password-requirement-valid-color: #608624;

    --logo-url: url(/resources/sponsorship-registration/images/svg/logo-white.svg);
}