@use 'sass:meta';

:root {
  @if meta.variable-exists(colors) {
    @each $name, $color in $colors {
      @for $i from 0 through 5 {
        @if ($i == 0) {
          --#{$name}-50: #{tint($color, (5 - $i) * 19%)};
        } @else {
          --#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
        }
      }

      @for $i from 1 through 4 {
        --#{$name}-#{($i + 5) * 100}: #{shade($color, $i * 15%)};
      }
    }
  }
}