// Variables à adapter
// polices principales
// textes
$primary-font-family: var(--ff-primary); 
$primary-bold-font-family: var(--ff-bold-primary);
// titrailles
$secondary-font-family: var(--ff-secondary);
$secondary-bold-font-family: var(--ff-bold-secondary); 

$monospace-font-family: var(--ff-monospace); 

// variables de couleur
$primary-color: #26292c;
$secondary-color: #4e5358;
$third-color: #6a4949;
$white-color: #fff;
$gray-5-color: #f2f2f2;
$gray-10-color: #e6e6e6;
$gray-20-color: #cccccc;
$gray-30-color: #b3b3b3;
$gray-50-color: #808080;
$gray-60-color: #808080;
$gray-70-color: #4d4d4d;
$gray-80-color: #4d4d4d;
$gray-90-color: #1a1a1a;
$ok-color: #7aac0b;
$notok-color: #cc0f20;
$warning-color: #ffaa00;
$link: #556270;
$link-hover: #6a8b89;
$link-visited: #26292c;

// Ceci n'est généralement pas à modifier
$list-colors: (
    primary: $primary-color,
    secondary: $secondary-color,
    third: $third-color,
    gray-5: $gray-5-color,
    gray-10: $gray-10-color,
    gray-20: $gray-20-color,
    gray-30: $gray-30-color,
    gray-50: $gray-50-color,
    gray-70: $gray-70-color,
    gray-90: $gray-90-color,
    blank: $white-color,
    ok: $ok-color,
    notok: $notok-color,
    warning: $warning-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;

// navigation avec hamburger
$hamburger-breakpoint: 768px;
$hamburger-width: 24px;
$hamburger-barheight: 2px;