@use 'sass:map';
@use './mixins/var' as *;
@use './mixins/functions.scss' as *;
@use './common/var' as common;
:root {
  /*Basic*/
  --hlx-color-black: #{common.$color-black};
  --hlx-color-white: #{common.$color-white};

  /*Primary*/
  --hlx-color-primary-dark: #{common.$color-primary-dark};
  --hlx-color-primary: #{common.$color-primary};
  --hlx-color-primary-light: #{common.$color-primary-light};
  --hlx-color-primary-lighter: #{common.$color-primary-lighter};

  /*success*/
  --hlx-color-success-dark: #{common.$color-success-dark};
  --hlx-color-success: #{common.$color-success};
  --hlx-color-success-light: #{common.$color-success-light};

  /*warning*/
  --hlx-color-warning-dark: #{common.$color-warning-dark};
  --hlx-color-warning: #{common.$color-warning};
  --hlx-color-warning-light: #{common.$color-warning-light};

  /*error*/
  --hlx-color-error-dark: #{common.$color-error-dark};
  --hlx-color-error: #{common.$color-error};
  --hlx-color-error-light: #{common.$color-error-light};

  /*info*/
  --hlx-color-info-dark: #{common.$color-info-dark};
  --hlx-color-info: #{common.$color-info};
  --hlx-color-info-light: #{common.$color-info-light};

  /*link*/
  --hlx-color-link-dark: #{common.$color-link-dark};
  --hlx-color-link: #{common.$color-link};
  --hlx-color-link-light: #{common.$color-link-light};

  /*disable*/
  --hlx-color-disable-dark: #{common.$color-disable-dark};
  --hlx-color-disable: #{common.$color-disable};
  --hlx-color-disable-text: #{common.$color-disable-text};
  --hlx-font-type-content: #{common.$font-type-content};
  --hlx-font-type-title: #{common.$font-type-title};
  --hlx-radio-btn-disable-dark: #{common.$grey-dark};
  --hlx-radio-btn-disable-light: #{common.$grey};
  //  @each $type in (primary, success, warning, error, info,link) {
  //   @include set-css-color-rgb($type);
  // }
  @each $type
    in (primary, success, warning, error, info, link, disable, sidebar)
  {
    @include set-css-color-rgb($type);
  }
  @each $type in (sidebar) {
    @include set-css-color-type($type);
  }
  //  @each $type in (light) {
  //   @include set-css-border-color-rgb($type);
  // }
  @each $type in (primary, secondary, tree, disable) {
    @include set-css-text-type($type);
  }
  @each $type in (header-size, content-size) {
    @include set-css-font-type($type);
  }
  @each $type in (dark, light, lighter, '') {
    @include set-css-border-type($type);
  }
  @each $type in (sm, xs, lg, '', xl, xxl) {
    @include set-css-line-height-type($type);
  }
  @each $type in (sm, xs, lg, xl, md) {
    @include set-css-icon-type($type);
  }
}