:root {
    /* Static Variables */
    --z-above-header-footer: 750;
    --z-header-footer: 700;
    --z-below-header-footer: 10;

    --line-height: 1.125em;

    --default-button-width: 6rem;
    --wide-button-width: 9rem;
    --splitter-container-outside-height: 122px;
    --splitter-sidebar-outside-height: 164px;
    --default-field-width: 12em;

    /* Dynamic Styles */
    --dyn-base-bg-color: #eee;
    --dyn-base-fg-color: black;
    --dyn-base-font: Assistant, Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
    --dyn-button-bg-color: white;
    --dyn-button-disabled-bg-color: lightgrey;
    --dyn-button-disabled-fg-color: darkgrey;
    --dyn-button-fg-color: #006b5f;
    --dyn-button-hover-bg-color: rgb(245, 236, 195);
    --dyn-button-hover-fg-color: black;
    --dyn-button-save-bg-color: #006b5f;
    --dyn-button-save-fg-color: white;
    --dyn-chip-bg-color: #006b5f;
    --dyn-chip-fg-color: white;
    --dyn-dark-etching-color: darkgrey;
    --dyn-default-margin: .5rem;
    --dyn-default-padding: .5rem;
    --dyn-default-radius: .5em;
    --dyn-dirty-color: rgba(255, 185, 0, .25);
    --dyn-error-bg-color: whitesmoke;
    --dyn-error-border-color: red;
    --dyn-error-color: red;
    --dyn-extra-wide-padding: 1.5rem;
    --dyn-field-label-size: 12px;
    --dyn-field-validation-error-bg-color: red;
    --dyn-field-validation-error-fg-color: white;
    --dyn-header-fg-secondary-color: darkgrey;

    --dyn-form-highlighter-color: darkorange;
    --dyn-gradient-fill-shading-color: #ece9e9;
    --dyn-header-bg-color: white;
    --dyn-header-fg-color: #006b5f;
    --dyn-header-height: 2rem;
    --dyn-home-bg-color: whitesmoke;
    --dyn-home-fg-color: black;
    --dyn-input-bg-color: white;
    --dyn-input-fg-color: black;
    --dyn-light-etching-color: lightgrey;
    --dyn-light-hover-color: rgb(255, 253, 227);
    --dyn-light-text-color: whitesmoke;
    --dyn-menu-bg-color: white;
    --dyn-menu-fg-color: #006b5f;
    --dyn-menu-highlight-bg-color: rgb(245, 236, 195);
    --dyn-menu-highlight-fg-color: #006b5f;
    --dyn-menu-item-height: 2.125em;
    --dyn-pad-header-bg-color: white;
    --dyn-pad-header-fg-color: #006b5f;
    --dyn-scrollbar-color: #006b5f;
    --dyn-shaded-bg-color: #dedddd;
    --dyn-strong-bg-color: #006b5f;
    --dyn-strong-color: black;
    --dyn-strong-fg-color: white;
    --dyn-swimlane-background-color: #FBFCFF;
    --dyn-tab-bg-color: #006b5f;
    --dyn-tab-fg-color: white;
    --dyn-tab-radius: 0em;
    --dyn-tab-active-bg-color: #006b5f;
    --dyn-tab-active-fg-color: white;
    --dyn-tab-active-radius: 0em;
    --dyn-table-alt-bg-color: #dedddd;
    --dyn-table-header-bg-color: #006b5f;
    --dyn-table-header-fg-color: white;
    --dyn-table-highlight-bg-color: rgb(245, 236, 195);
    --dyn-thin-margin: .25rem;
    --dyn-thin-padding: .25rem;
    --dyn-tinted-pond-bg-color: rgb(251,252,255);
    --dyn-title-header-dark-bg-color: #006b5f;
    --dyn-title-header-dark-bg-hover-color: rgb(245, 236, 195);
    --dyn-title-header-dark-fg-color: white;
    --dyn-title-header-dark-fg-hover-color: #006b5f;
    --dyn-title-header-light-bg-color: white;
    --dyn-title-header-light-bg-hover-color: rgb(245, 236, 195);
    --dyn-title-header-light-fg-color: #006b5f;
    --dyn-title-header-light-fg-hover-color: #006b5f;
    --dyn-dialog-header-fg-color: black;
    --dyn-dialog-header-color: white;
    --dyn-dialog-backdrop-color: rgba(159, 159, 159, 0.5);
    --dyn-toggle-track-color: lightgray;
    --dyn-tooltip-color: #006b5f;
    --dyn-warning-color: #fa5c00;
    --dyn-weak-color: rgb(27, 25, 25);
    --dyn-wide-margin: .75rem;
    --dyn-wide-padding: .75rem;
    --dyn-wide-radius: .75em;

    --dyn-primary-color: var(--dyn-header-fg-color);
    --dyn-readonly-input-label-color: #6c757d;
    --dyn-disabled-button-text-color: #6c757d;
    --dyn-disabled-button-background-color: #e9ecef;

    /* Calculated Variables */
    --calc-total-header-height: calc(var(--dyn-header-height) + (var(--dyn-default-padding) * 2)) ;
}