// ----------------- LIBRAIRIES ------------------- //

// ----------------- Compass config --------------- //
// Do not support IE
$supported-browsers: reject(browsers(), 'ie');
$graceful-usage-threshold: 100;
$critical-usage-threshold: 100;
@import 'compass'; // gem

@import 'libs/scut';

// ----------------- Zengrids config -------------- //
$legacy-support-for-ie7: false;
$legacy-support-for-ie6: false;
//@import "libs/zen-grids/background";
//@import "libs/zen-grids/flow";
@import 'libs/zen-grids/grids';
//@import "libs/sass-mq-master/_mq";

// ------------------ VARIABLES ------------------- //

// ========================================================================== //
// =Tailles de base
//
// On établit la grille verticale puis on calcule la taille des caractères
// et de l'interlignage de référence en fonction de cette grille.
// ========================================================================== //
$base-grid: 8px;
$base-font-size: 16px;
$base-line-height: 24px;

// ========================================================================== //
// =Grille (zen-grids)
// ========================================================================== //
$zen-columns: 12;
$zen-gutters: 2em;

// ========================================================================== //
// =Box model pour IE (zen-grids)
// ========================================================================== //

$box-sizing-polyfill-path: 'scripts';

// ========================================================================== //
// =Typographie
// ========================================================================== //

$sans-serif: Lato, 'Open Sans', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
$serif: 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
$monospace: 'Andale Mono', AndaleMono, monospace;

// ========================================================================== //
// =Couleurs
// ========================================================================== //

// Palette de base
$white: #fff;
$gray: #dcdcdc;
$dark-blue-green: #68838b;
$black: #000;
$blue: #267daf;
$red: #d52125;

$gray-very-dark: shade($gray, 75%);
$gray-dark: shade($gray, 55%);
$gray-medium: $gray;
$gray-light: tint($gray, 65%);
$gray-very-light: tint($gray, 85%);

// Application

$primary-color: $gray-very-dark; // Texte courant
$secondary-color: $blue; // Titres
$link: $red; // Liens
$button-base: $dark-blue-green; // Boutons
$button-dark: shade($button-base, 10%);
$button-light: tint($button-base, 10%);

// Autres
$css-img-path: 'img'; // utile pour le mixin de fallback svg

// ========================================================================== //
// =Breakpoints
//
// Points de rupture courants des différentes tailles d'écran.
//
// La mesure en em permet de l'appliquer aussi aux cas d'usage
// de modification de la taille de base des caractères dans
// les préférences de l'utilisateur ou de l'utilisation du grossissement
// des caractères dans le navigateur.
//
// Dans le cadre de la création d'un thème, adapter ces points à ceux
// correspondant aux nécessités de votre design.
// ========================================================================== //

$x-small-screen: 20em; // 320
$small-screen: 30em; // 480
$medium-screen: 40em; // 640
$large-screen: 60em; // 960
$xlarge-screen: 80em; // 1280