:root {
  /* colors - base */
  --color_white: 255, 255, 255; /* #FFFFFF */
  --color_black: 0, 0, 0; /* #000000 */

  /* colors - red */
  --color_cd_red: 224, 32, 44; /* #E0202C */
  --color_cd_red_dark: 185, 15, 26; /* #B90F1A */

  /* colors - beige */
  --color_beige_dark: 219, 209, 161; /* #DBD1A1 */
  --color_beige_medium: 240, 235, 209; /* #F0EBD1 */
  --color_beige_light: 247, 245, 233; /* #F7F5E9 */
  --color_beige_extra_light: 251, 250, 242; /* #FBFAF2 */

  /* colors - olive */
  --color_gray_olive: 84, 82, 73; /* #545249 */
  --color_green_olive: 167, 163, 145; /* #A7A391 */

  /* colors - olive */
  --color_gray_dark: 40, 39, 39; /* #282727 */
  --color_gray_light: 106, 103, 103; /* #6A6767 */

  /* colors - line */
  --color_gray_line: 105, 104, 93; /* #69685D */

  /* colors - map */
  --color_leaflet_text: #333;
  --color_leaflet_link: #0078a8;

  /* linear gradient */
  --gradient_beige_light: linear-gradient(226deg, rgb(var(--color_beige_extra_light)) 0%, rgb(var(--color_beige_medium)) 100%);
  --gradient_beige_dark: linear-gradient(45deg, rgb(var(--color_beige_medium)), rgb(var(--color_beige_dark)));

  --gradient_gray: linear-gradient(45deg, rgb(var(--color_gray_dark)), rgb(var(--color_gray_light)));
  --gradient_olive: linear-gradient(45deg, rgb(var(--color_gray_olive)), rgb(var(--color_green_olive)));

  --gradient_slider: linear-gradient(0deg, rgba(var(--color_black), 0.6) 0%, rgba(var(--color_black), 0) 50%);
  --gradient_cookie: linear-gradient(90deg, rgba(var(--color_gray_line), 0.95) 38.02%, rgba(var(--color_gray_line), 0) 100%);

  /* fonts */
  --font-std: "Gotham";

  /* ToDo: vertical grid */
  --gridVerticalMD-large: 100px;
  --gridVerticalSM-large: 80px;

  --gridVerticalMD-medium: 80px;
  --gridVerticalSM-medium: 50px;

  --gridVerticalMD-small: 60px;
  --gridVerticalSM-small: 30px;
}