:root {
  @each $color, $value in $theme-colors {
    --#{$color}: #{$value};

    --#{$color}-rgb: #{red($value), green($value), blue($value)};

    --#{$color}-hue: #{hue($value)};
    --#{$color}-saturation: #{saturation($value)};
    --#{$color}-lightness: #{lightness($value)};
  }
}