@mixin setup-light-input {
  $--input-color: (
    'default': $--n-secondary-text-color,
    'disabled': $--n-disabled-text-color,
  ) !global;
  $--input-caret-color: (
    'default': $--n-primary-color,
    'error': $--n-error-color 
  ) !global;
  $--input-placeholder-color: (
    'default': $--n-placeholder-text-color,
    'disabled': change-color($--n-placeholder-text-color, $alpha: alpha($--n-placeholder-text-color) * $--n-disabled-opacity)
  ) !global;
  $--input-background-color: (
    'default': $--n-base-background-color,
    'disabled': $--n-disabled-background-color,
    'focus': $--n-base-background-color,
    'error-focus': $--n-base-background-color,
  ) !global;
  $--input-icon-color: (
    'default': $--n-icon-color,
    'disabled': change-color($--n-icon-color, $alpha: alpha($--n-icon-color) * $--n-disabled-opacity)
  )!global;
  $--input-border-mask-border-color: (
    'default': transparent,
    'hover': $--n-primary-hover-color,
    'focus': $--n-primary-hover-color,
    'disabled': transparent,
    'error-default': transparent,
    'error-hover': $--n-error-hover-color,
    'error-focus': $--n-error-hover-color
  ) !global;
  $--input-border-mask-box-shadow: (
    'focus': (0 0 0 2px change-color($--n-primary-hover-color, $alpha: .3)),
    'error-focus': (0 0 0 2px change-color($--n-error-hover-color, $alpha: .3)),
  ) !global;
  $--input-box-shadow: (
    'default': inset 0 0 0 1px $--n-border-color,
    'disabled': inset 0 0 0 1px $--n-border-color,
    'error-default': inset 0 0 0 1px $--n-error-hover-color,
  ) !global;
  $--input-group-label-background-color: $--n-action-background-color !global;
}