@mixin border-radius {
  border-radius: 10px;
}

$color-white: #ffffff;
$color-white-smoke: rgb(245, 245, 245);
$color-smoke: rgb(236, 236, 236);
$color-black: #000000;
$color-box-shadow: #8c9691;
$color-neutral: #bac2bf;
$color-grey: #e5e7e7;
$color-grey-coffee: #646464;
$color-dark-chocolate: #222222;
$color-square-gradient: linear-gradient(4deg, rgba(201, 201, 201, 0.29) 55%, rgba(161, 161, 161, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(180, 180, 180, 0.29) 55%, rgba(136, 136, 136, 0.08) 100%);
$color-box-shadow-light: rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1);
$color-box-shadow-light-coffee: rgba(114, 114, 114, 0.1), 0 12px 90px 0 rgba(148, 148, 148, 0.1);
$color-box-shadow-middle: rgba(53, 53, 53, 0.1);
$color-box-shadow-pure-black: rgba(5, 5, 5, 0.1);
$color-box-shadow-154-134:rgba(154, 157, 163, 0.1), 0 12px 90px 0 rgba(134, 134, 134, 0.1);