// Font-family
$font-family-base: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;

// Font-size
$font-size-prelittle: 8px;
$font-size-little: 10px;
$font-size-smallest: 11px;
$font-size-extrasmall: 12px;
$font-size-smaller: 13px;
$font-size-small: 14px;
$font-size-predefault: 15px;
$font-size-default: 16px;
$font-size-premedium: 18px;
$font-size-medium: 20px;
$font-size-mediumplus: 22px;
$font-size-prelarge: 24px;
$font-size-semilarge: 32px;
$font-size-large: 36px;
$font-size-largeplus: 50px;
$font-size-huge: 72px;
$font-size-extrahuge: 90px;

// Line-height
$line-height-prelittle: 1;
$line-height-little: 1.2;
$line-height-presmall: 1.3;
$line-height-small: 1.4;
$line-height-medium: 1.5;
$line-height-large: 1.6;
$line-height-larger: 1.7;
$line-height-afterlarge: 1.8;

// Color
$color-white: #FFFFFF;
$color-catskill-white: #ECF0F5;
$color-mischka: #D2D6DE;
$color-alabaster: #FCFCFC;
$color-alto: #DDDDDD;
$color-silver: #CCCCCC;
$color-gallery: #EEEEEE;
$color-concrete: #F3F3F3;
// Primary
$color-light-blue: #3c8dbc;
// Danger
$color-red: #dd4b39;
//Success
$color-green: #00a65a;
//Info
$color-aqua: #00c0ef;
//Warning
$color-yellow: #f39c12;
$color-blue: #0073b7;
$color-navy: #001F3F;
$color-teal: #39CCCC;
$color-olive: #3D9970;
$color-lime: #01FF70;
$color-orange: #FF851B;
$color-fuchsia: #F012BE;
$color-purple: #605ca8;
$color-maroon: #D81B60;
$color-black: #111;
$color-gray-lte: #d2d6de;

// Global
$prefix: prefix;
$minWidth: 320px;
$box-boxshadow: 0 1px 4px rgba(0, 0, 0, .4);

// Containers
$media: '.#{$prefix}-media';
$mediaUpload: '.#{$prefix}-mediaUpload';
$mediaBrowser: '.#{$prefix}-mediaBrowser';
$mediaEditor: '.#{$prefix}-mediaEditor';
$mediaRouter: '.#{$prefix}-mediaRouter';

// Breakpoints
$breakpoints: (
    'small' : (max-width: 480px),
    'medium': (max-width: 640px),
    'prebig': (max-width: 767px),
    'big': (max-width: 800px),
    'intermediary': (max-width: 960px),
    'increased': (max-width: 1024px),
    'preincreased': (max-width: 1040px),
    'huge': (max-width: 1260px),
    'ultrahuge': (max-width: 1400px),
    'premonsterhuge': (max-width: 1717px),
    'monsterhuge': (max-width: 2000px)
);

// Grid
$susy: (
    columns: 12,
    container: 1170px,
    gutters: 1/2,
    global-box-sizing: border-box
);