// Transforming Sass variables into CSS variables
* {
  --gray: #{$gray};
  --primary: #{$primary};
  --primary-light: #{$primary-light};
  --deu-logo-medium-blue-gradient: #{$deu-logo-medium-blue-gradient};
  --deu-badge-green-gradient: #{$deu-badge-green-gradient};
  --deu-logo-blue-gradient: #{$deu-logo-blue-gradient};
  --deu-dark-orange-gradient: #{$deu-dark-orange-gradient};
  --deu-logo-yellow-gradient: #{$deu-logo-yellow-gradient};
  --deu-badge-black-gradient: #{$deu-badge-black-gradient};
  --dropdown-item-active-bg: #{$dropdown-item-active-bg};
}