// Variables
// ========================================================================

// Global
// ========================================================================
$global-margin: 8px !default;
$global-medium-font-size: 0.875rem !default;
$global-emphasis-color: #212121 !default;
$global-color: #212121 !default;
$global-inverse-color: #fff !default;
$global-small-gutter: 16px !default;
$global-muted-background: #f8f8f8 !default;
$global-primary-background: #3377FF !default;
$global-success-background: #20D67B !default;
$global-warning-background: #FF9922 !default;
$global-danger-background: #FF4444 !default;
$global-gutter: 32px !default;
$global-medium-gutter: 40px !default;
$global-large-margin: 24px !default;
$global-xxlarge-font-size: 2rem !default;
$global-small-font-size: 0.75rem !default;
$global-muted-color: #BCC2CC !default;
$global-background: #fff !default;
$global-secondary-background: #222 !default;
$global-font-family: Lato, Arial,sans-serif !default;
$global-font-size: 14px !default;
$global-line-height: 1.5 !default;
$global-link-color: #3377FF !default;
$global-link-hover-color: #295FCC !default;
$global-medium-margin: 16px !default;
$global-xlarge-font-size: 1.5rem !default;
$global-large-font-size: 1.125rem !default;
$global-border-width: 1px !default;
$global-border: #e5e5e5 !default;
$global-small-margin: 4px !default;
$global-control-height: 40px !default;
$global-control-small-height: 28px !default;
$global-control-large-height: 56px !default;
$global-large-gutter: 56px !default;
$global-z-index: 1000 !default;
$inverse-global-color-mode: light !default;
$global-xlarge-margin: 32px !default;
$global-small-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !default;
$global-medium-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !default;
$global-large-box-shadow: 0 16px 24px rgba(0, 0, 0, 0.16) !default;
$global-xlarge-box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16) !default;

// Other variable
// ========================================================================

$breakpoint-small: 640px !default;
$breakpoint-medium: 960px !default;
$breakpoint-large: 1200px !default;
$breakpoint-xlarge: 1600px !default;