@import '~@alicloudfe/components/lib/common-var.scss';

$color-text1-1: var(--color-text1-1, #ccc); // Icon按钮Hover
$color-text1-2: var(--color-text1-2, #5a5a5a); // Form Help
$color-text1-3: var(--color-text1-2, #5a5a5a); // Icon按钮Normal
$color-line1-3: var(--color-line1-3, #ccc);
$color-error-3: var(--color-error-5, #e84738);
$color-warning-3: var(--color-warning-5, #f98e1a);
$color-success-3: var(--color-success-5, #22b066);

$font-size-body-1: var(--font-size-body-1, 12px);
$font-size-body-2: var(--font-size-body-2, 12px);
$font-size-caption: var(--font-size-caption, 12px);
$font-size-subhead: var(--font-size-subhead, 16px);
$size-base: 4px;
$s-1: $size-base * 1;
$s-2: $size-base * 2;
$s-3: $size-base * 3;
$s-4: $size-base * 4;
$s-5: $size-base * 5;
$s-6: $size-base * 6;
$s-7: $size-base * 7;
$s-8: $size-base * 8;
$s-9: $size-base * 9;
$s-10: $size-base * 10;

$form-element-small-font-size: $font-size-caption;
$form-element-medium-font-size: $font-size-body-1;
$form-element-large-font-size: $font-size-body-2;

$form-element-small-height: $s-6;
$form-element-medium-height: $s-8;
$form-element-large-height: $s-9;

$corner-1: var(--corner-1, 2px);

$form-element-small-corner: $corner-1;
$form-element-medium-corner: $corner-1;
$form-element-large-corner: $corner-1;