@import '../../style/theme/index.less';

@form-size-mini-margin-item-bottom: @spacing-7;
@form-size-small-margin-item-bottom: @spacing-8;
@form-size-default-margin-item-bottom: @spacing-8;
@form-size-large-margin-item-bottom: @spacing-8;

@form-size-mini-font-label-size: @font-size-body-1;
@form-size-small-font-label-size: @font-size-body-3;
@form-size-large-font-label-size: @font-size-body-3;
@form-size-default-font-label-size: @font-size-body-3;
@form-font-extra-text-size: @font-size-body-1;
@form-font-error-text-size: @font-size-body-1;

@form-margin-label-right: @spacing-7;
@form-margin-extra-bottom: @spacing-2;
@form-margin-extra-top: @spacing-2;
@form-inline-margin-item-right: @spacing-9;
@form-inline-margin-item-bottom: @spacing-4;
@form-vertical-margin-label-bottom: @spacing-4;

@form-color-extra-text: var(~'@{mo-cssvars-prefix}-color-text-3');

@form-color-text-label: var(~'@{mo-cssvars-prefix}-color-text-2');

@form-color-bg_warning: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_warning_hover: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_warning_focus: var(~'@{mo-cssvars-prefix}-color-bg-2');
@form-color-border_warning: @color-warning-3;
@form-color-border_warning_focus: @color-warning-6;
@form-color-border_warning_hover: @color-warning-4;
@form-size-shadow_warning_focus: @shadow-distance-none;
@form-color-shadow_warning_focus: var(
  ~'@{mo-cssvars-prefix}-color-warning-light-2'
);

@form-color-bg_success: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_success_hover: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_success_focus: var(~'@{mo-cssvars-prefix}-color-bg-2');
@form-color-border_success: var(~'@{mo-cssvars-prefix}-color-border');
@form-color-border_success_focus: @color-success-6;
@form-color-border_success_hover: var(~'@{mo-cssvars-prefix}-color-border-3');
@form-size-shadow_success_focus: @shadow-distance-none;
@form-color-shadow_success_focus: var(
  ~'@{mo-cssvars-prefix}-color-success-light-2'
);

@form-color-bg_error: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_error_hover: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_error_focus: var(~'@{mo-cssvars-prefix}-color-bg-2');
@form-color-border_error: @color-danger-3;
@form-color-border_error_focus: @color-danger-6;
@form-color-border_error_hover: @color-danger-4;
@form-size-shadow_error_focus: @shadow-distance-none;
@form-color-shadow_error_focus: var(
  ~'@{mo-cssvars-prefix}-color-danger-light-2'
);

@form-color-bg_validating:var (~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_validating_hover: var(~'@{mo-cssvars-prefix}-color-bg-1');
@form-color-bg_validating_focus: var(~'@{mo-cssvars-prefix}-color-bg-2');
@form-color-border_validating: var(~'@{mo-cssvars-prefix}-color-border');
@form-color-border_validating_focus: @color-primary-6;
@form-color-border_validating_hover: var(
  ~'@{mo-cssvars-prefix}-color-border-3'
);
@form-size-shadow_validating_focus: @shadow-distance-none;
@form-color-shadow_validating_focus: var(
  ~'@{mo-cssvars-prefix}-color-primary-light-2'
);

@form-color-tip-text_success: @color-success-6;
@form-color-tip-icon-text_success: @color-success-6;
@form-color-tip-text_error: @color-danger-6;
@form-color-tip-icon-text_error: @color-danger-6;
@form-color-tip-text_warning: @color-warning-6;
@form-color-tip-icon-text_warning: @color-warning-6;
@form-color-tip-text_validating: @color-primary-6;
@form-color-tip-icon-text_validating: @color-primary-6;