@global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@global-font-size: 16px;
@global-line-height: 1.5;      // 24px
@global-2xlarge-font-size: 2.625rem; // 42px
@global-xlarge-font-size: 2rem;     // 32px
@global-large-font-size: 1.5rem;   // 24px
@global-medium-font-size: 1.25rem;  // 20px
@global-small-font-size: 0.875rem; // 14px
@global-primary-font-family: inherit;
@global-primary-font-weight: inherit;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: inherit;
@global-secondary-font-weight: inherit;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-color: #666;
@global-emphasis-color: #333;
@global-muted-color: #999;
@global-link-color: #1e87f0;
@global-link-hover-color: #0f6ecd;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #f8f8f8;
@global-primary-background: #1e87f0;
@global-secondary-background: #222;
@global-success-background: #32d296;
@global-warning-background: #faa05a;
@global-danger-background: #f0506e;
@global-border-width: 1px;
@global-border: #e5e5e5;
@global-border-radius: 2px;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
@global-control-height: 40px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-code-padding-horizontal: 6px;
@base-code-padding-vertical: 2px;
@base-code-background: @global-muted-background;
@base-pre-padding: 10px;
@base-pre-background: @global-background;
@base-pre-border-width: @global-border-width;
@base-pre-border: @global-border;
@base-pre-border-radius: 3px;
@inverse-base-code-background: @inverse-global-muted-background;
@list-striped-border-width: @global-border-width;
@list-striped-border: @global-border;
@inverse-list-striped-border: @inverse-global-border;
@description-list-term-font-size: @global-small-font-size;
@description-list-term-font-weight: normal;
@description-list-term-text-transform: uppercase;
@table-striped-border-width: @global-border-width;
@table-striped-border: @global-border;
@form-range-thumb-background: @global-background;
@form-range-thumb-border-width: @global-border-width;
@form-range-thumb-border: darken(@global-border, 10%);
@inverse-form-range-thumb-background: darken(fadein(@inverse-global-color, 100%), 50%);
@form-background: @global-background;
@form-focus-background: @global-background;
@form-radio-background: transparent;
@form-stacked-margin-bottom: 5px;
@form-label-font-size: @global-small-font-size;
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: @global-primary-background;
@form-disabled-border: @global-border;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @global-border;
@form-radio-border-width: @global-border-width;
@form-radio-border: darken(@global-border, 10%);
@form-radio-focus-border: @global-primary-background;
@form-radio-disabled-border: @global-border;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @inverse-global-color;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @inverse-global-color;
@inverse-form-radio-checked-border: @inverse-global-primary-background;
@button-font-size: @global-small-font-size;
@button-large-font-size: @global-small-font-size;
@button-default-background: transparent;
@button-default-hover-background: transparent;
@button-default-active-background: transparent;
@button-disabled-background: transparent;
@button-text-transform: uppercase;
@button-border-width: @global-border-width;
@button-default-border: @global-border;
@button-default-hover-border: darken(@global-border, 20%);
@button-default-active-border: darken(@global-border, 30%);
@button-disabled-border: @global-border;
@inverse-button-default-background: transparent;
@inverse-button-default-color: @inverse-global-emphasis-color;
@inverse-button-default-hover-background: transparent;
@inverse-button-default-hover-color: @inverse-global-emphasis-color;
@inverse-button-default-active-background: transparent;
@inverse-button-default-active-color: @inverse-global-emphasis-color;
@inverse-button-text-border: @inverse-button-text-color;
@inverse-button-default-border: @inverse-global-color;
@inverse-button-default-hover-border: @inverse-global-emphasis-color;
@inverse-button-default-active-border: @inverse-global-emphasis-color;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @card-default-background;
@card-primary-hover-background: @card-primary-background;
@card-secondary-hover-background: @card-secondary-background;
@card-badge-text-transform: uppercase;
@card-badge-border-radius: 2px;
@card-hover-box-shadow: @global-large-box-shadow;
@card-default-box-shadow: @global-medium-box-shadow;
@card-default-hover-box-shadow: @global-large-box-shadow;
@card-primary-box-shadow: @global-medium-box-shadow;
@card-primary-hover-box-shadow: @global-large-box-shadow;
@card-secondary-box-shadow: @global-medium-box-shadow;
@card-secondary-hover-box-shadow: @global-large-box-shadow;
@label-text-transform: uppercase;
@label-border-radius: @global-border-radius;
@search-default-background: transparent;
@search-navbar-focus-background: @search-navbar-background;
@search-medium-background: transparent;
@search-large-background: transparent;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: @global-primary-background;
@search-navbar-border-width: @global-border-width;
@search-navbar-border: @global-border;
@search-navbar-focus-border: @global-primary-background;
@search-medium-border-width: @global-border-width;
@search-medium-border: @global-border;
@search-medium-focus-border: @global-primary-background;
@search-large-border-width: @global-border-width;
@search-large-border: @global-border;
@search-large-focus-border: @global-primary-background;
@inverse-search-default-background: transparent;
@inverse-search-medium-background: transparent;
@inverse-search-large-background: transparent;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @inverse-global-border;
@inverse-search-navbar-border: @inverse-global-border;
@inverse-search-navbar-focus-border: @inverse-global-border;
@inverse-search-medium-border: @inverse-global-border;
@inverse-search-medium-focus-border: @inverse-global-border;
@inverse-search-large-border: @inverse-global-border;
@inverse-search-large-focus-border: @inverse-global-border;
@dropdown-padding: 25px;
@dropdown-background: @global-background;
@dropdown-dropbar-padding-top: 5px;
@dropdown-nav-subtitle-font-size: 12px;
@dropdown-nav-font-size: @global-small-font-size;
@dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15);
@dropbar-padding-top: 25px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05);
@dropbar-bottom-box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05);
@dropbar-left-box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05);
@dropbar-right-box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05);
@nav-default-font-size: @global-small-font-size;
@nav-default-subtitle-font-size: 12px;
@nav-secondary-item-padding-vertical: 10px;
@nav-secondary-item-padding-horizontal: 10px;
@nav-secondary-item-hover-background: @global-muted-background;
@nav-secondary-item-active-background: @global-muted-background;
@inverse-nav-secondary-item-hover-background: @inverse-global-muted-background;
@inverse-nav-secondary-item-active-background: @inverse-global-muted-background;
@navbar-nav-item-font-size: @global-small-font-size;
@navbar-dropdown-margin: 15px;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-nav-subtitle-font-size: 12px;
@navbar-nav-item-text-transform: uppercase;
@navbar-dropdown-nav-font-size: @global-small-font-size;
@navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15);
@subnav-item-font-size: @global-small-font-size;
@subnav-item-text-transform: uppercase;
@tab-item-font-size: @global-small-font-size;
@tab-item-text-transform: uppercase;
@dotnav-item-background: transparent;
@dotnav-item-border-width: 1px;
@dotnav-item-border: fade(@global-color, 40%);
@inverse-dotnav-item-background: transparent;
@inverse-dotnav-item-border: fade(@inverse-global-color, 90%);
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));