@import "../../style/themes/token.less";

@form-prefix: '--@{kd-prefix}-c-form';

// color
@form-field-color: var(~'@{form-prefix}-field-color', @color-text-secondary);
@form-error-color: var(~'@{form-prefix}-error-color', @color-error);
@form-extra-color: var(~'@{form-prefix}-extra-color', @color-text-third);

// font
@form-field-label-font-size: var(~'@{form-prefix}-field-label-font-size',12px);
@form-field-message-font-size: var(~'@{form-prefix}-field-message-font-size', 12px);

// line-height
@form-field-label-line-height: var(~'@{form-prefix}-field-label-line-height', 18px);
@form-field-message-line-height: var(~'@{form-prefix}-field-message-line-height', 18px);

// spacing
@form-field-spacing-margin-right: var(~'@{form-prefix}-field-spacing-margin-right', 30px);
@form-field-spacing-margin-bottom: var(~'@{form-prefix}-field-spacing-margin-bottom', 22px);
@form-field-message-spacing-padding-horizontal: var(~'@{form-prefix}-field-message-spacing-padding-horizontal', 2px);
@form-field-message-spacing-padding-vertical: var(~'@{form-prefix}-field-message-spacing-padding-vertical', 8px);
@form-field-label-spacing-margin-bottom: var(~'@{form-prefix}-field-label-spacing-margin-bottom', 5px);