html body.tw-use-design-system {
    /*Eggo Colors*/
    --Eggo-Red: #FE5000;
    --Eggo-Red-Hover: #FE5000;
    --Eggo-Brown: #382924;
    --Eggo-Gray: #b1b1b1;
    --Eggo-Bright-Brown: #7f551f;
    --font-family: Avenir, Helvetica, Arial, sans-serif;
    --shadow: none;
    --box-shadow--25: none;
    --border-radius: 4px;
    --secondary-color: #382924;
    --secondary-control-color: #ed3d12;
    --secondary-control-color--hover: #ed3d12;
    --surface-color--600: #fff;
    --surface-color: #fff;
    --on-surface-color: #6d6920;
    --error-color: #d0021b;
    --primary-color: #FE5000;
    --primary-color--hover: #d63711;
    --navbar-color: #fafaf9;
    --on-navbar-color: #6d6920;
    --navbar-color--hover: #eee;
    --control-color: #FFFFFF;
    --control-color--hover: #f1f0e8;
    --control-color--active: #FFFFFF;
    --on-control-color--active: #6d6920;
    --on-control-color: #6d6920;
    --control-color--disabled: #fff;
    --on-control-color--disabled: #E3E3E3;
    --background-color-dark: #FFF;
    --grey--300: #ededed;
    --grey--200: #fff;
    --grey--700: #382924;
    --tooltip-delay-duration: 0;
    --gradient-success: #6E6809;
}

.app-bar-container {
    --default-color: #FFFFFF;
    --primary-color: #a3907a;
    --primary-color-hover: #83705a;
    --primary-color-active: #83705a;
}

.project-options .sidebar-panel {
    --gradient-primary: #6E6809;
}