:root {
    --theme-main-900: #4b2954;
    --theme-main-800: #713d7e;
    --theme-main-700: #9752a8;
    --theme-main-600: #BD67D3;
    --theme-main-500: #ca85db;
    --theme-main-400: #d7a3e4;
    --theme-main-300: #e4c2ed;
    --theme-main-200: #F1E0F6;
    --theme-main-100: #F8EFFA;
    --theme-main-50: #FBF7FD;

    /* Default button colors */
    --button-high-emphasis-normal: #713D7E;
    --button-high-emphasis-hover: #865A91;
    --button-high-emphasis-pressed: #60346B;

    --button-medium-emphasis-normal: #F6F4F7;
    --button-medium-emphasis-hover: #F1ECF3;
    --button-medium-emphasis-pressed: #EAE2EC;
    --button-medium-emphasis-border: #713D7E;
    --button-medium-emphasis-text: #713D7E;

    --button-low-emphasis-normal: #F6F4F7;
    --button-low-emphasis-hover: #F1ECF3;
    --button-low-emphasis-pressed: #EAE2EC;
    --button-low-emphasis-text: #713D7E;

    --button-secondary-medium-emphasis-border: #E4C2ED;

    /* Hero banner gradient colors */
    --banner-material-gradient-0: #2B0D10;
    --banner-material-gradient-100: #822931;
    --banner-sample-gradient-0: #1B270E;
    --banner-sample-gradient-100: #52752C;
    --banner-equipment-gradient-0: #072622;
    --banner-equipment-gradient-100: #167366;

    /* Navigation bar colors */
    --nav-bar-background: #434A54;
    --nav-bar-top-background: #353B43;
    --nav-bar-dividing-line: #353B43;
    --nav-item-label: #D9DADC;
    --nav-item-label-hover: #FFFFFF;
    --nav-item-icon-color: #B3B6BA;
    --nav-item-icon-color-hover: #B3B6BA;
    --nav-item-hover: #BD67D3;
    --nav-item-selected: #353B43;
    --nav-item-icon-color-selected: #B3B6BA;
    --nav-item-label-selected: #D9DADC;
    --nav-bar-user-details: #B3B6BA;
    --nav-bar-user-details-hover: #FFFFFF;
    --nav-bar-user-details-background-hover: #BD67D3;
    --nav-bar-footer: #353B43;

    --color-neutral-white: #FFFFFF;  
}