:root {
  --color-orange: #EF5327;
  --color-dark-blue: #0400CC;
  --color-blue: #0400FF;
  --color-dark-grey: #292929;
  --color-grey-2: #474747;
  --color-grey-1: #6F6F6F;
  --color-light-grey-3: #D9D9D9;
  --color-light-grey-2: #E9E9E9;
  --color-light-grey-1: #F3F3F3;
  --color-beige: #FDEEE9;
  --color-white: #FFFFFF;
  --font-family-circular: "CircularStd", system-ui, sans-serif;
  --font-family-roboto: "Roboto", system-ui, sans-serif;
  --default-text-font-family: var(--font-family-circular);
  --default-text-color: var(--color-dark-grey);
  --layout-gutter: 20px;
}

/*
$fonts: (
  'serif': 'Times, Georgia, serif',
  'noserif': 'helvetica, arial, sans-serif',
  'circularstd':'"CircularStd", arial, sans-serif',
  'roboto':'"Roboto", arial, sans-serif',
  'futura': '"Futura", arial, sans-serif',
);

$font-sizes: (
  9,
  10,
  11,
  12,
  13,
  14,
  16,
  18,
  20,
  22,
  24,
  28,
  32,
  35,
  40,
  44,
  52,
);

$colors: (
  'black': #000,
  'white': #ffffff,
  'orange': #EF5327,
  'primaryblue': #0400FF,
  'midnightblue': #0E013B,
  'facebook': #3b5998,
  'twitter': #55acef,
  'linkedin': #4875B4,
  'print': #282828,
  'mail_partage': #cecece,
  'steel': #7a7c93,
  'dark-steel': #3b3b3b,
  'very-light-pink': #c0c0c0,
  'light-grey': #e8eaee,
  'very-light-grey': #F6F7F8,
);

@for $i from 1 to 10 {
  $colors: map-merge($colors, ('grey-' + $i: darken(#fff, $i * 10%)));
}

$breakpoints: (
  xs: 400,
  s: 768,
  sm: 930,
  m: 1120,
  l: 1380
);

$container-sizes: (
  'wide': 1380px,
  'large': 1120px,
  'medium': 880px
);

$container-gutters: (
  'large': 40px,
  'small': 20px
);

$z-index: (
  recherche: 2000,
  modal: 1500,
  burger: 1000,
  header: 100,
  toolbar: 10
);

$gradient-directions: (
  20,
  40,
  60,
  80,
);

$header-height: 60px;

$base-color: #6f7290;
$base-font: font('roboto');
$base-size: 16;
$base-line-height: 1.4;
*/