default-variables.scss

// Problem statement:
$brand-primary: red;
$brand-primary: green;
// $brand-primary == green

// How to use variables in a common SCSS, but override them per client?

// holcim.scss
$brand-primary: red;
@import "common";


// kambly.scss
$brand-primary: brown;
@import "common";


// common.scss
$brand-primary: black !default;

a {
  color: $brand-primary;
}