@function strip-unit($num) {
    @return $num / ($num * 0 + 1);
} 

@function rem($num) {
    @return (strip-unit($num) / 16) * 1rem;
}

$base: rem(4px);

$color-purple: #6352CD;
$color-purple-hover: #7D6CE8;
$color-black: #000000;
$color-dark: #29292D;
$color-gray: #9CA1AB;
$color-blue: #4C8CED;
$color-blue-hover: #75ACFF;
$color-white: #FFFFFF;
$color-stroke: #D7DEEC;
$color-stroke-purple: #B4C0DB;
$color-card: #EDF1FA;
$color-dark-gray: #CED0D3;

$radius-sm: rem(5px);
$radius-l: rem(20px);
$radius-xl: rem(24px);

$breakpoint-xl: 1500px;
$breakpoint-l: 1250px;
$breakpoint-m: 1050px;
$breakpoint-s: 780px;
$breakpoint-xs: 500px;