//////////////////////////////////////// variables

:root {
  --theme: #8DC640;
  --theme-hover: #5E943C;
  --bg-color: #F2F2F2;
}

////// colors
$theme: var(--theme);
$themeHover: var(--theme-hover);
$red: #FD6558;
$bgColor: var(--bg-color);
$txtColor: #7E7E7E;

$coffeeTheme: #715A3E;
$coffeeThemeHover: #513616;
////// header-footer height
$HF_height: 70px;

///// global transition timing
$trs: 0.2s;