$assets-path: "^./assets" !default;
$spacing: 8px !default;

$elevation-colors: (
  0: 0%,
  1: 5%,
  2: 7%,
  3: 8%,
  4: 9%,
  6: 11%,
  8: 12%,
  12: 14%,
  16: 15%,
  24: 16%,
) !default;

/**** toolbar ****/
$toolbar-height: 56px !default;
$toolbar-main-nav-height: $toolbar-height + $spacing !default;

/**** font ****/
$font-family: Roboto, "Helvetica Neue", sans-serif;

/**** font size ****/
$default-fz: 1.4rem !default;
$default-fz-small: 1.2rem !default;
$default-fz-big: 1.8rem !default;
$header-fz: $default-fz + 0.2rem !default;
$header-fz-big: $header-fz + 0.4rem !default;

/**** Icons ****/
$icon-large: 40px !default;

/**** Container ****/
$end-bg-size: 143px + $spacing * 2 !default;

/**** shadow ****/
$light-box-shadow: 0 4px 8px rgba(black, 0.5) !default;
$dark-box-shadow: 0 4px 8px rgba(black, 0.7) !default;

/**** Shape ****/
$shape-radius: 8px !default;

/*** Breakpoint ****/
$breakpoint: 1079px;