@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);