@use 'sass:map';
@use './colors.scss' as *;

@function color($theme, $name) {
  @return map.get($colors, $theme, $name);
}

@mixin theme-modifiers($scope, $themes) {
  @each $name, $vars in $themes {
    &--#{$name} {
      @each $var, $color in $vars {
        --gdb-#{$scope}-#{$var}: #{$color};
      }
    }
  }
}

@function theme-color($scope, $name) {
  @return var(--gdb-#{$scope}-#{$name});
}