html {
    --main-color: #611A9E;
    --error-color: #FF6E88;
    --error-alert-color: #B00020;
    --success-alert-color: #4CAF50;

    --background-color: white;
    --text-color: black; /* needs contrast against background-color */
    --text-secondary-color: #979797; /* needs contrast against background-color */
    --text-link-color: black; /* needs contrast against background-color */

    --field-color: white;
    --text-description-color: rgba(0, 0, 0, 0.87); /* needs contrast against field-color */
    --field-placeholder-color: rgba(0, 0, 0, 0.6); /* needs contrast against field-color */

    --border-color: rgba(0, 0, 0, 0.6); /* same as placeholder color */
    --border-focus-color: #611A9E;

    --button-text-color: white; /* needs contrast against main-color */

    --secondary-button-color: #161616;
    --secondary-button-text-color: white; /* needs contrast against secondary-button-color */
    --secondary-button-border-color: transparent;

    --tos-window-color: white;
    --tos-background-color: #F3F3F3;
    --tos-text-color: #161616;
    --tos-link-color: #a9a9a9;

    --pf-global--BoxShadow--lg: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
