//
// Color
//
$bckg-error: #f2dede; // Notifications (colors from Twitter Bootstrap 4)
$color-error: #a94442;

$bckg-info: #d9edf7;
$color-info: #31708f;

$bckg-success: #dff0d8;
$color-success: #3c763d;

$bckg-warning: #fcf8e3;
$color-warning: #8a6d3b;


$font-size-default: 1.8rem;
$line-height-default: 1.4em;

$font-size-h1: 4rem;
$line-height-h1: 1.2em;

$font-size-h2: 3.6rem;
$line-height-h2: 1.2em;

$font-size-h3: 2.4rem;
$line-height-h3: 1.2em;

$font-size-h4: 2rem;
$line-height-h4: 1.2em;

$font-size-h5: 1.8rem;
$line-height-h5: 1.1em;

$font-size-h6: 1.6rem;
$line-height-h6: 1.1em;

$font-size-p: 1.8rem;
$line-height-p: 1.4em;

$font-size-leading: $font-size-h4;
$line-height-leading: $line-height-h4;

$font-size-small: 1.4rem;
$line-height-small: 1.2em;

$font-size-large: 3rem;
$line-height-large: 1.4em;

$font-size-xlarge: 4.7rem;
$line-height-xlarge: 1.4em;


// Color name: http://chir.ag/projects/name-that-color
$color-dusty-gray: #999;
$color-silver-chalice: #b2b2b1;
$color-mercury: #e6e6e6;
$color-concrete: #f3f3f3;
$color-alabaster: #f7f7f7;
$color-la-rioja: rgb(175, 196, 16);
$color-la-rioja-alpha: rgba(175, 196, 16, 0.7);
$color-pelorous: rgb(77, 189, 198);
$color-pelorous-alpha: rgba(77, 189, 198, 0.7);
$color-tangerine: rgb(242, 93, 94);
$color-tangerine-alpha: rgb(242, 93, 94,0.7);
$color-froly: rgb(243, 146, 0);
$color-froly-alpha: rgba(243, 146, 0, 0.7);
$color-tundora: #4a4949;
$color-mine-shaft: #222;
$color-white: #fff;
$color-white-alpha: rgba(255, 255, 255, 0.7);
$color-black: #000;
$color-black-alpha: rgba(0, 0, 0, 0.7);


$color-connect: #8F82BD;


$color-itdlc: $color-tangerine;
$color-pee: $color-la-rioja;
$color-contest: $color-pelorous;

// font colors
$color-primary: $color-tundora;
$color-secondary: $color-concrete;
$color-background-primary: $color-white;
$color-background-secondary: $color-alabaster;

$link-color: $color-pelorous;
$link-hover-color: $color-tangerine;

//
// Form
//
$checkbox-custom--height: 25px;
$checkbox-custom--width: 25px;
$radio-custom--height: 25px;
$radio-custom--width: 19px;

//
// Grid system
//
$base-spacing: 15px;