$semi-bold: 600; $corner-panel-color: #9C63CC; $northsouth-panel-color: #FFBE25; $eastwest-panel-color: #0BB2EE; $middle-panel-color: #94CE57; $medium-blue: #0075C2; $default-button-color: #5199F5; $grey-text: #C7C7C7; $light-border-color: #EAEAEA; $medium-border-color: #D8D8D8; $input-background-color: #F4F4F4; $disabled-text-color: #CCCCCC; $zoom-indicator-color: #DDDDDD; $zoom-active-color: #4A4A4A; $array-visualization-blue: #2888CB; $array-visualization-background: #D1D1D1; $table-alternate-row-color: #ECF9FF; $off-white: #FDFDFD; $circle-color: #9B9B9B; $circle-highlighted: #F59234; $checkmark-color: #F8A33C; $error-color: #F06A3F; $success-color: #6BB24A; $add-color: #70B72D; $remove-color: #EF6C6E; $warning-color: lighten($northsouth-panel-color, 20%); $form-section-margin: 25px;