Generate your CSS3 variables by just writing SCSS like syntax (can omit the $ before the variable)
$card-bg: $color1 !default;
--card-bg: #{$card-bg};