:root {
    --body-bg: @body-bg-value;
    --panel-bg: @panel-bg-value;
    --main-gray: @main-gray-value;

    --white-color: @white-color-value;

    --white-color-3: darken(@white-color-value, 3%);
    --white-color-5: darken(@white-color-value, 5%);

    --gray-base: @gray-base-value;
    --gray-soft: @gray-soft-value;
    --gray-dark: @gray-dark-value;
    --gray-light: @gray-light-value;
    --gray-lighter: @gray-lighter-value;
    --gray: @gray-value;

    --gray-light-5: darken(@gray-light-value, 5%);
    --gray-light-7: darken(@gray-light-value, 7%);
    --gray-light-10: darken(@gray-light-value, 10%);
    --gray-light-12: darken(@gray-light-value, 12%);
    --gray-light-17: darken(@gray-light-value, 17%);
    --gray-light-25: darken(@gray-light-value, 25%);
    --gray-light-40: darken(@gray-light-value, 40%);

    --gray-dark-5: darken(@gray-dark-value, 5%);
    --gray-dark-7: darken(@gray-dark-value, 7%);
    --gray-dark-10: darken(@gray-dark-value, 10%);
    --gray-dark-12: darken(@gray-dark-value, 12%);
    --gray-dark-17: darken(@gray-dark-value, 17%);
    --gray-dark-25: darken(@gray-dark-value, 25%);
    --gray-dark-40: darken(@gray-dark-value, 40%);

    --gray-dark-25l: lighten(@gray-dark-value, 25%);

    --gray-lighter-5: darken(@gray-lighter-value, 5%);
    --gray-lighter-7: darken(@gray-lighter-value, 7%);
    --gray-lighter-10: darken(@gray-lighter-value, 10%);
    --gray-lighter-12: darken(@gray-lighter-value, 12%);
    --gray-lighter-17: darken(@gray-lighter-value, 17%);
    --gray-lighter-25: darken(@gray-lighter-value, 25%);
    --gray-lighter-40: darken(@gray-lighter-value, 40%);

    --gray-lighter-orange-mix: @gray-lighter-orange-mix-value;

    --gray-lighter-orange-mix-5: darken(@gray-lighter-orange-mix-value, 5%);
    --gray-lighter-orange-mix-7: darken(@gray-lighter-orange-mix-value, 7%);
    --gray-lighter-orange-mix-10: darken(@gray-lighter-orange-mix-value, 10%);
    --gray-lighter-orange-mix-12: darken(@gray-lighter-orange-mix-value, 12%);
    --gray-lighter-orange-mix-17: darken(@gray-lighter-orange-mix-value, 17%);
    --gray-lighter-orange-mix-25: darken(@gray-lighter-orange-mix-value, 25%);
    --gray-lighter-orange-mix-40: darken(@gray-lighter-orange-mix-value, 40%);

    --brand-primary: @brand-primary-value;
    --brand-danger: @brand-danger-value;
    --brand-info: @brand-info-value;
    --brand-success: @brand-success-value;
    --brand-warning: @brand-warning-value;

    --main-gray-5: darken(@main-gray-value, 5%);
    --main-gray-7: darken(@main-gray-value, 7%);
    --main-gray-10: darken(@main-gray-value, 10%);
    --main-gray-12: darken(@main-gray-value, 12%);
    --main-gray-17: darken(@main-gray-value, 17%);
    --main-gray-25: darken(@main-gray-value, 25%);
    --main-gray-40: darken(@main-gray-value, 40%);
    --main-gray-lighten-40: lighten(@main-gray-value, 40%);

    --brand-primary-text: @brand-primary-text-value;
    --brand-primary-5: darken(@brand-primary-value, 5%);
    --brand-primary-10: darken(@brand-primary-value, 10%);
    --brand-primary-lighten-10: lighten(@brand-primary-value, 10%);
    --brand-primary-lighten-30: lighten(@brand-primary-value, 30%);
    --brand-primary-lighten-50: lighten(@brand-primary-value, 50%);

    --brand-danger-10: darken(@brand-danger-value, 10%);
    --brand-danger-lighten-20: lighten(@brand-danger-value, 20%);
    --brand-success-10: darken(@brand-success-value, 10%);
    --brand-warning-10: darken(@brand-warning-value, 10%);

    --state-primary-bg: @state-primary-bg-value;
    --state-primary-text: @state-primary-text-value;

    --state-default-bg: @state-default-bg-value;
    --state-default-text: @state-default-text-value;

    --state-danger-bg: @state-danger-bg-value;
    --state-danger-text: @state-danger-text-value;
    --state-danger-bg-5: darken(@state-danger-bg-value, 5%);
    --state-danger-bg-10: darken(@state-danger-bg-value, 10%);
    --state-danger-text-10: darken(@state-danger-text-value, 10%);
    --state-danger-text-10l: lighten(darken(@state-danger-text-value, 10%), 20);

    --brand-info-10: darken(@brand-info-value, 10%);

    --state-info-text: @state-info-text-value;
    --state-info-text-10: darken(@state-info-text-value, 10%);
    --state-info-bg: @state-info-bg-value;
    --state-info-bg-5: darken(@state-info-bg-value, 5%);
    --state-info-bg-10: darken(@state-info-bg-value, 10%);

    --state-success-text: @state-success-text-value;
    --state-success-bg: @state-success-bg-value;
    --state-success-bg-5: darken(@state-success-bg-value, 5%);
    --state-success-text-10: darken(@state-success-text-value, 10%);
    --state-success-text-10l: lighten(darken(@state-success-text-value, 10%), 20);

    --state-warning-bg: @state-warning-bg-value;
    --state-warning-text: @state-warning-text-value;
    --state-warning-text-10: darken(@state-warning-text-value, 10%);
    --state-warning-text-10l: lighten(darken(@state-warning-text-value, 10%), 20);
    --state-warning-bg-5: darken(@state-warning-bg-value, 5%);
    --state-warning-bg-10: darken(@state-warning-bg-value, 10%);

    --btn-default-bg: @btn-default-bg-value;
    --btn-default-border: @btn-default-border-value;
    --btn-default-color: @btn-default-color-value;
    --btn-default-hover-bg: @btn-default-hover-bg-value;
    --btn-default-hover-border: @btn-default-hover-border-value;
    --btn-default-active-bg: @btn-default-active-bg-value;
    --btn-default-active-border: @btn-default-active-border-value;

    --btn-primary-bg: @btn-primary-bg-value;
    --btn-primary-border: @btn-primary-border-value;
    --btn-primary-color: @btn-primary-color-value;
    --btn-primary-hover-bg: @btn-primary-hover-bg-value;
    --btn-primary-hover-border: @btn-primary-hover-border-value;
    --btn-primary-active-bg: @btn-primary-active-bg-value;
    --btn-primary-active-border: @btn-primary-active-border-value;

    --btn-success-bg: @btn-success-bg-value;
    --btn-success-border: @btn-success-border-value;
    --btn-success-color: @btn-success-color-value;
    --btn-success-hover-bg: @btn-success-hover-bg-value;
    --btn-success-hover-border: @btn-success-hover-border-value;
    --btn-success-active-bg: @btn-success-active-bg-value;
    --btn-success-active-border: @btn-success-active-border-value;

    --btn-danger-bg: @btn-danger-bg-value;
    --btn-danger-border: @btn-danger-border-value;
    --btn-danger-color: @btn-danger-color-value;
    --btn-danger-hover-bg: @btn-danger-hover-bg-value;
    --btn-danger-hover-border: @btn-danger-hover-border-value;
    --btn-danger-active-bg: @btn-danger-active-bg-value;
    --btn-danger-active-border: @btn-danger-active-border-value;

    --btn-warning-bg: @btn-warning-bg-value;
    --btn-warning-border: @btn-warning-border-value;
    --btn-warning-color: @btn-warning-color-value;
    --btn-warning-hover-bg: @btn-warning-hover-bg-value;
    --btn-warning-hover-border: @btn-warning-hover-border-value;
    --btn-warning-active-bg: @btn-warning-active-bg-value;
    --btn-warning-active-border: @btn-warning-active-border-value;

    --btn-info-bg: @btn-info-bg-value;
    --btn-info-border: @btn-info-border-value;
    --btn-info-color: @btn-info-color-value;
    --btn-info-hover-bg: @btn-info-hover-bg-value;
    --btn-info-hover-border: @btn-info-hover-border-value;
    --btn-info-active-bg: @btn-info-active-bg-value;
    --btn-info-active-border: @btn-info-active-border-value;

    --btn-text-color: @btn-text-color-value;
    --btn-active-box-shadow: @btn-active-box-shadow-value;

    --btn-xs-wide-width: @btn-xs-wide-width-value;
    --btn-s-wide-width: @btn-s-wide-width-value;
    --btn-wide-width: @btn-wide-width-value;
    --btn-x-wide-width: @btn-x-wide-width-value;
    --btn-xx-wide-width: @btn-xx-wide-width-value;

    --navbar-bg: @navbar-bg-value;
    --navbar-link-color: @navbar-link-color-value;
    --navbar-link-hover-color: @navbar-link-hover-color-value;
    --navbar-link-hover-bg: @navbar-link-hover-bg-value;
    --navbar-link-active-bg: darken(@navbar-bg-value, 10%);
    --navbar-box-shadow: @navbar-box-shadow-value;
    --navbar-border-width: @navbar-border-width-value;

    --navbar-inverse-color: @navbar-inverse-color-value;
    --navbar-inverse-bg: @navbar-inverse-bg-value;
    --navbar-inverse-link-color: @navbar-inverse-link-color-value;
    --navbar-inverse-link-active-bg: @navbar-inverse-link-active-bg-value;
    --navbar-inverse-border: @navbar-inverse-border-value;
    --navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg-value, 10%);
    --navbar-inverse-bg-7: darken(@navbar-inverse-bg-value, 7%);
    --navbar-inverse-link-hover-color: @navbar-inverse-link-hover-color-value;
    --navbar-inverse-link-hover-bg: @navbar-inverse-link-hover-bg-value;
    --navbar-inverse-link-disabled-color: @navbar-inverse-link-disabled-color-value;
    --navbar-inverse-link-disabled-bg: @navbar-inverse-link-disabled-bg-value;

    --input-color: @input-color-value;
    --input-bg: @input-bg-value;
    --input-border: @input-border-value;
    --input-border-focus: @input-border-focus-value;
    --input-box-shadow: @input-box-shadow-value;
    --input-border-focus-rgba: rgba(
        red(@input-border-focus-value),
        green(@input-border-focus-value),
        blue(@input-border-focus-value),
        .6
    );
    --input-bg-disabled: @input-bg-disabled-value;
    --input-color-disabled: @input-color-disabled-value;
    --input-border-width: @input-border-width-value;

    --modal-backdrop-bg: @modal-backdrop-bg-value;
    --modal-backdrop-filter: @modal-backdrop-filter-value;
    --modal-header-border-color: @modal-header-border-color-value;
    --modal-header-bg: @modal-header-bg-value;
    --modal-footer-bg: @modal-footer-bg-value;
    --modal-content-bg: @modal-content-bg-value;
    --modal-box-shadow: @modal-box-shadow-value;

    --text-color: @text-color-value;
    --text-white-color: @text-white-color-value;
    --text-muted-color: @text-muted-color-value;
    --text-gray-color: @text-gray-color-value;

    --link-color: @link-color-value;
    --link-hover-color: @link-hover-color-value;

    --table-bg: @table-bg-value;
    --table-bg-accent: @table-bg-accent-value;

    --code-bg: @code-bg-value;
    --code-border-color: @code-border-color-value;
    --code-color: @code-color-value;

    --blockquote-border-color: @blockquote-border-color-value;

    --border-radius: @border-radius-value;
    --border-radius-small: @border-radius-small-value;

    --dropdown-border-radius: @dropdown-border-radius-value;
    --dropdown-border-width: @dropdown-border-width-value;

    --default-heading-bg-color: @default-heading-bg-color-value;
    --default-border-color: @default-border-color-value;

    --warning-bg: @warning-bg-value;

    --panel-border-radius: @panel-border-radius-value;
    --panel-border-width: @panel-border-width-value;

    --panel-default-bg: @panel-default-bg-value;
    --panel-primary-bg: @panel-primary-bg-value;
    --panel-success-bg: @panel-success-bg-value;
    --panel-danger-bg: @panel-danger-bg-value;
    --panel-warning-bg: @panel-warning-bg-value;
    --panel-info-bg: @panel-info-bg-value;

    --panel-default-text: @panel-default-text-value;
    --panel-primary-text: @panel-primary-text-value;
    --panel-success-text: @panel-success-text-value;
    --panel-danger-text: @panel-danger-text-value;
    --panel-warning-text: @panel-warning-text-value;
    --panel-info-text: @panel-info-text-value;

    --panel-default-border: @panel-default-border-value;
    --panel-primary-border: @panel-primary-border-value;
    --panel-danger-border: @panel-danger-border-value;
    --panel-success-border: @panel-success-border-value;
    --panel-warning-border: @panel-warning-border-value;
    --panel-info-border: @panel-info-border-value;

    --panel-heading-height: @panel-heading-height-value;
    --panel-heading-font-size: @panel-heading-font-size-value;

    --login-panel-heading-bg: @login-panel-heading-bg-value;

    --site-footer-bg: @site-footer-bg-value;
    --site-footer-color: @site-footer-color-value;

    --popover-bg: @popover-bg-value;

    --dropdown-bg: @dropdown-bg-value;
    --dropdown-link-color: @dropdown-link-color-value;
    --dropdown-link-hover-color: @dropdown-link-hover-color-value;
    --dropdown-link-hover-bg: @dropdown-link-hover-bg-value;
    --dropdown-border: @dropdown-border-value;
    --dropdown-divider-bg: @dropdown-divider-bg-value;
    --dropdown-box-shadow: @dropdown-box-shadow-value;

    --calendar-today-bg: @calendar-today-bg-value;
    --calendar-border: @calendar-border-value;
    --calendar-busy-bg: @calendar-busy-bg-value;

    --select-item-text-color: @select-item-text-color-value;
    --select-item-bg: @select-item-bg-value;
    --select-item-active-text-color: @select-item-active-text-color-value;
    --select-item-active-bg: @select-item-active-bg-value;
    --select-item-border: @select-item-border-value;

    --label-color: @label-color-value;
    --label-default-bg: @label-default-bg-value;

    --well-bg: @well-bg-value;
    --well-border: @well-border-value;

    --scroll-bg: @scroll-bg-value;
    --scroll-thumb-bg: @scroll-thumb-bg-value;
    --scroll-width: @scroll-width-value;
    --scroll-border-width: @scroll-border-width-value;

    --collapsed-modal-bg: @collapsed-modal-bg-value;
    --collapsed-modal-text-color: @collapsed-modal-text-color-value;

    --default-box-shadow: @default-box-shadow-value;
    --top-bar-box-shadow: @top-bar-box-shadow-value;

    --vertical-gap: @vertical-gap-value;

    --record-grid-max-width: @record-grid-max-width-value;
}