/* Blue */
:root{
    --primary-color: #4c78bc;
    --secondary-color: #f5f5f5; /* backgrounds, fonts */
    --tertiary-color: #13305d;

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

    --border-primary-color: #a8a8a8;
    --border-secondary-color: #4c78bc;

    --icon-color: #2e486f;

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

    /* Light Colors */
    --primary-color-70: rgba(76, 120, 188, 0.7);
    --primary-color-50: rgba(76, 120, 188, 0.5);
    --primary-color-25: rgba(76, 120, 188, 0.25);


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

    --dropzone-background: #bfd8ff;
    --dropzone-border: #13305d;

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

    --account-plan-message: #4c78bc;
    --account-plan-message-color: #fff;
    --service-plan-titles: #849ab9;
    --service-plan-titles-color: var(--on-primary-color);
    --float-account-plan-message: #90CAF9;
    --float-account-plan-message-color: #000;
}