//////////////////////////////////////////////////////////////////////////////////////////////////
// SET CORE VARIABLES
// Define all core variables here
//////////////////////////////////////////////////////////////////////////////////////////////////
$link-color:       #1861a8;
$action-color:     #ffb400;
$true-fan-color:        #72c14b;
$error-color:      #e70000;

$font-family:      'Helvetica', Arial, sans-serif;
$font-size-small:  11px;
$font-size-normal: 12px;
$font-size-large:  13px;

$line-height:  1.5em;

//////////////////////////////////////////////////////////////////////////////////////////////////
// SET LAYOUT CONTENT WIDTHS
// This has to be defined as a function to get around the scoping limitations of sass
//////////////////////////////////////////////////////////////////////////////////////////////////
@function content-width($layout: 'none') {
    @if $layout == 'website' { @return 960px; }
    @else if $layout == 'application' { @return 1000px; }
    @else if $layout == 'auth' { @return 1000px; }
    @else if $layout == 'styleguide' { @return 1120px; }
    @else { @return 960px; }
}