// ----------------- 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
