@import "variables-colors";

$path-assets: "/wp-content/themes/biig/assets/" !default;
$path-images: "/wp-content/themes/biig/images/" !default;

// FONT SIZE
$base-font-size: 16px;

// TYPOGRAPHY
$font-primary: "Affogato", "Helvetica Neue", Arial, Roboto, sans-serif;
$font-title: $font-primary;

$font-regular: 400;
$font-medium: 500;
$font-bold: 600;
$font-black: 700;

// OVERLAY
$overlay: rgba(0, 0, 0, .3);

// SHADOWS
$shadow: rem(0 2px 4px 0) rgba(0, 0, 0, .25);

// LAYOUT
$container-width: rem(1440px);

// BREAKPOINTS
// Changer la valeur des breakpoints en fonction des maquettes
$grid-breakpoints: (
  xs: 0,
  sm: 568px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1440px,
  bigxxl: 1600px
);