:root {
    /* Base Colors*/

    --primary-color: #7f00b1;
    --primary-color-rgb: 127, 0, 177;
    --primary-color-invert: #EEEEEE;

    --secondary-color: #f6f4ff;
    --secondary-color-rgb: 159, 1, 221;
    --secondary-color-invert: #1E1014;

    --success-color: #9f01dd;
    --success-color-rgb: 159, 1, 221;
    --success-color-invert: #f6f4ff;

    --info-color: #508ca4;
    --info-color-rgb: 80, 140, 164;
    --info-color-invert: #EEEEEE;

    --warning-color: #BB4430;
    --warning-color-rgb: 187, 68, 48;
    --warning-color-invert: #f6f4ff;

    --danger-color: #990033;
    --danger-color-rgb: 153, 0, 51;
    --danger-color-invert: #f6f4ff;

    /* Standard Colors*/

    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;

    --white-color: #FFFFFF;
    --white-color-rgb: 255, 255, 255;

    --theme-body-bg: #fefefe;


    --theme-primary-bg: #7f00b1;
    --theme-primary-fg: #EEEEEE;
    --theme-primary-border: #7f00b1;
    --theme-primary-hover-bg: #9f01dd;
    --theme-primary-hover-fg: #f6f4ff;
    --theme-primary-hover-border: #9f01dd;
    --theme-primary-active-bg: transparent;
    --theme-primary-active-fg: #9f01dd;
    --theme-primary-active-border: #9f01dd;
    --theme-primary-striped-bg: #f6f4ff;
    --theme-primary-striped-fg: #1E1014;


    --theme-secondary-bg: #9f01dd;
    --theme-secondary-fg: #EEEEEE;
    --theme-secondary-border-color: #7f00b1;


    --theme-third-bg: #f6f4ff;
    --theme-third-fg: #1E1014;


    --theme-info-fg: #508ca4;


    --theme-warning-fg: #BB4430;


    --theme-alert-fg: #990033;


    --theme-cancel-bg: #990033;
    --theme-cancel-fg: #EEEEEE;
    --theme-cancel-border: #990033;
    --theme-cancel-hover-bg: #BB4430;
    --theme-cancel-hover-fg: #f6f4ff;
    --theme-cancel-hover-border: #BB4430;
    --theme-cancel-active-bg: transparent;
    --theme-cancel-active-fg: #BB4430;
    --theme-cancel-active-border: #BB4430;


    --theme-reset-bg: #508ca4;
    --theme-reset-fg: #EEEEEE;
    --theme-reset-border: #508ca4;
    --theme-reset-hover-bg: #00A5CF;
    --theme-reset-hover-fg: #f6f4ff;
    --theme-reset-hover-border: #00A5CF;
    --theme-reset-active-bg: transparent;
    --theme-reset-active-fg: #00A5CF;
    --theme-reset-active-border: #00A5CF;


    --theme-disabled-bg: #dfd1e4;
    --theme-disabled-fg: #78707b;
    --theme-disabled-border: #343135;
}