// Colors
$orange: #FF5722;
$blue: #0087F8;
$dark: #222222;

$palettes: (
    white: (
    	base: #ffffff
    ),

    black: (
    	base: #000000
    ),

    orange: (
        base: $orange,
        dark: darken($orange, 10),
        light: lighten($orange, 35),
        a-light: rgba(255,87,34,.25),
        x-dark: darken($orange, 20)
    ),

    blue: (
        base: $blue,
        dark: darken($blue, 10),
        a-light: rgba(22,121,255,.5),
        x-dark: darken($blue, 20)
    ),

    green: (
    	base: #00b27f
    ),

	red: (
		base: #FA5744
	),

	gray: (
		base: #888888,
		dark: #555555,
		light: #DDDDDD,
		x-light: #EFEFEF
	),

	dark: (
		base: $dark,
		d-light: lighten($dark, 8),
		light: lighten($dark, 30),
		x-light: lighten($dark, 70)
	)
);

// Type
$sans-serif: 'Avenir', 'Lato', sans-serif;
$mono: 'Inconsolata', 'Lucida Console', monospace;

// Misc
$border-radius: 3px;
$box-shadow: 0 2px 4px rgba(0,0,0,0.04);
$box-shadow-2: 0 4px 6px rgba(0,0,0,0.07);
$transition: .25s ease-in-out;
$sm: 544px;
$md: 775px;
