/* Violet */
:root{
    --primary-color: #724772;
    --secondary-color: hwb(0 96% 4%); /* backgrounds, fonts */
    --tertiary-color: #724772;

    --primary-background: #f4f1f1; /* backgrounds, fonts */
    --secondary-background: #ffecb3; /* backgrounds, fonts */

    --border-primary-color: #a8a8a8;
    --border-secondary-color: #77ab00;

    --icon-color: #610961;

    /* on inverted backgrounds */
    --on-primary-color: #fff;
    --on-secondary-color: #7c7c7c;
    --on-tertiary-color: #fff;

    /* Light Colors */
    --primary-color-70: rgb(114, 71, 114, 0.7);
    --primary-color-50: rgb(114, 71, 114, 0.5);
    --primary-color-25: rgb(114, 71, 114, 0.25);


    --snackbar-color: #fff;
    --snackbar-background: #7c7c7c;

    --dropzone-background: #fce1fc;
    --dropzone-border: var(--primary-color);

    --banner_fill_color: var(--primary-background);
    --banner_fore_color: var(--primary-color);
    --banner_height: 40px;

    --account-plan-message: #ffd3d3;
    --account-plan-message-color: #8f0000;
    --service-plan-titles: #724772;
    --service-plan-titles-color: var(--on-primary-color);
    --float-account-plan-message: #90CAF9;
    --float-account-plan-message-color: #000;
}