// Variables

$texte :#363f46;

// blue
$blue :     #34567c;
$error:     #c22222;
$bg-error : #f1ddde;
$valid:     #2e742e;
$bg-valid:  #deedd6;

// gray
// $gray-darkest:           #2f2e2c;
// $gray-darker:            #646464;
$gray-dark:              #828282;
// $gray3:                  #f1f1f1;
// $gray2:                  #dbdbdb;
// $gray:                   #dbdbdb; // small
$gray-light:             #f2f2f2; // bg formualire
$gray-lighter:           #dadada; // bordure tableau


// Typography
// -----------------

$font-family-sans-serif:        "robotoslab_regular", Arial, sans-serif !default;
$font-family-sans-serif-bold:   "robotoslab_bold", Arial, sans-serif !default;
$font-family-sans-serif-light:  "robotoslab_light", Arial, sans-serif !default;

$font-size-base:          14;
$font-size-base-px:       #{$font-size-base}px;
$font-size-base-em:       em($font-size-base) !default;
$font-size-large:         em(18) !default;
$font-size-small:         em(12) !default;
$font-size-large-px:      18px !default;
$font-size-small-px:      12px !default;


// heading
$font-size-h1-em:         em(30, $font-size-base) !default;
$font-size-h2-em:         em(22, $font-size-base) !default;
$font-size-h3-em:         em(18, $font-size-base) !default;
$font-size-h4-em:         em(16, $font-size-base) !default;
$font-size-h5-em:         em(16, $font-size-base) !default;
$font-size-h6-em:         em(14, $font-size-base) !default;


// Box Sizing
.box-sizing {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
