/* Variables defined in here are accesible in css via var(--variableName)*/
/* Colors */
/* Fonts  */
/* Bootstrap */
/* Shadows */
:root {
  /* Set every Sass variable to a css variable */
  --main-blue-acent: rgb(42, 96, 140);
  --dark-blue-accent: rgb(0, 4, 255);
  --dark-blue-accent-2: #0606cb;
  --main-gray-acent: rgb(136, 136, 136);
  --main-color-gera-yellow: rgb(255, 221, 0);
  --main-color-gera-yellow2: rgb(252, 203, 19);
  --font-modern-1: "Century Gothic", "CenturyGothic", "Geneva", "AppleGothic", sans-serif;
  /* If the Variable is a Map loop through every entry
  There are imported as following:
  MAP:
  $grid-breakpoints (xs: 0, sm: 576px);

  CSS Variables:
   --grid-breakpoints-xs
   --grid-breakpoints-sm

  */
  --bootstrap-grid-breakpoints-xs: 0;
  --bootstrap-grid-breakpoints-sm: 576px;
  --bootstrap-grid-breakpoints-md: 768px;
  --bootstrap-grid-breakpoints-lg: 992px;
  --bootstrap-grid-breakpoints-xl: 1200px;
  --bootstrap-grid-breakpoints-xxl: 1400px;
  /* If the Variable is a Map loop through every entry
  There are imported as following:
  MAP:
  $grid-breakpoints (xs: 0, sm: 576px);

  CSS Variables:
   --grid-breakpoints-xs
   --grid-breakpoints-sm

  */
  --breakpoints-xss: 400px;
  --breakpoints-xsss: 300px;
  --breakpoints-x4s: 250px;
  --breakpoints-x5s: 200px;
  /* If the Variable is a Map loop through every entry
  There are imported as following:
  MAP:
  $grid-breakpoints (xs: 0, sm: 576px);

  CSS Variables:
   --grid-breakpoints-xs
   --grid-breakpoints-sm

  */
  --box-shadows-light: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  --box-shadows-middle: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  --box-shadows-middle-2: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --box-shadows-hard: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  --box-shadows-border-light: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  --box-shadows-border-light-2: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}/*# sourceMappingURL=setGlobalVariables.css.map */