:root {
    --login-logo:  url("images/xsi-logo.svg");
    --login-image:  url("images/bg.svg");
    --primary-color: #a802ea;
    --bg-color: white;
    --font-color: black;
    --font-color-alternate: white;
    --input-font-color: black;
    --input-bg-color: white;
    --font-style: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    --font-size-regular: 14px;
    --font-size-large: 18px;
    --border-radius: 3px;
    --border: solid 1px rgba(0,0,0,0.2);
    --border-hover: solid 1px rgba(0,0,0,0.2);
    --light-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    --heavy-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
    --card-color: white;
    --card-color-hover: rgb(255, 255, 255, 1);
    --login-dialog-color: rgba(255, 255, 255, 0.95);
    --button-color: black;
    --button-color-hover: rgba(0,0,0,0.4);
    --button-font-color-hover: rgba(255,255,255,1);
    --email-button-color: #a802ea;
    --link: #a802ea;
}