// Variables à adapter
// variables de couleur
$primary-color: #111;
$secondary-color: #000;
$third-color: #FF0000;
$light-color: #ccc;
$white-color: #fff;
$dark-color: #222;
$ok-color: #85c100;
$notok-color: #d30013;
$link: #000;
$link-hover: #333;
$link-visited: #444;

// Ceci n'est généralement pas à modifier
$list-colors: (
    primary: $primary-color,
    secondary: $secondary-color,
    third: $third-color,
    light: $light-color,
    blank: $white-color,
    dark: $dark-color,
    ok: $ok-color,
    notok: $notok-color,
    link: $link,
    link-hover: $link-hover,
    link-visited: $link-visited
);


// Tailles de texte
$root-font-size: 14px;
$root-line-height: 1.4;

$font-sizes: (
    ultratiny: 0.642rem,
    tiny: 0.714rem,
    small: 0.857rem,
    regular: 1rem,
    medium: 1.2rem,
    big: 1.8rem,
    huge: 4rem
);

// base des largeur pour padding etc
$base_width: (
    0: 0,
    1: 0.3rem, 
    2: 0.5rem, 
    3: 1rem, 
    4: 2rem, 
    5: 3rem, 
    6: 4rem, 
    7: 5rem, 
    8: 6rem
);

// hauteurs de ligne pour le texte
$base_lineheight: (
    0: 0,
    1: 1,
    2: 1.1,
    3: 1.3,
    4: 1.5,
    5: 1.8
);

// les breakpoints
$base_breakpoints: (
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px, 
);

// les alignements
$base_aligns: left, center, right;

// taille du hamburger
$hamburger-width: 25px;