:root {
    --st-productive-standard-easing: cubic-bezier(0.2, 0, 0.38, 0.9);
    --st-productive-entrance-easing: cubic-bezier(0, 0, 0.38, 0.9);
    --st-productive-exit-easing: cubic-bezier(0.2, 0, 1, 0.9);
    --st-duration-very-fast: 70ms;
    --st-duration-fast: 100ms;
    --st-duration-moderate: 200ms;
    --st-duration-slow: 550ms;

    --st-primary: rgb(20, 40, 52);
    --st-primary--light: rgba(20, 40, 52, 0.2);
    --st-primary--lighter: rgba(150, 150, 150, 0.1);
    --st-muted: #7f8497;
    --st-disabled: #bdbdbd;
    --st-warning: #FFCC00;
    --st-error: #F44336;
    --st-help: #85BAEA;
    --st-help--hover: #298CE5;
    --st-interactive: #406ABA;
    --st-label: #757575;
    --st-background: #f7f7f7;
    --st-background--light: #ffffff;

    --st-acuity-light-grey: #D4D3D2;

    --st-button-border-radius: 100rem;
    --b-vertical-bar-width: 230px;
    --nav-toggle-top-position: 130px;
    --nav-toggle-collapsed-width: 120px;
    --nav-toggle-expanded-width: 220px;
    --st-layout-content-height: calc(100vh - 5.5rem);
}