:root {
    --kt-ui-field-size-lg: var(--c-ui-field-size-lg, 48px);
    --kt-ui-field-size-md: var(--c-ui-field-size-md, 40px);
    --kt-ui-field-size-sm: var(--c-ui-field-size-sm, 32px);
    --kt-ui-field-size-xs: var(--c-ui-field-size-xs, 24px);
    /*color*/
    --kt-ui-field-color-success: var(--c-ui-field-color-success, var(--kt-ui-color-success));
    --kt-ui-field-color-danger: var(--c-ui-field-color-danger, var(--kt-ui-color-danger));
    --kt-ui-field-color-primary: var(--c-ui-field-color-primary, var(--kt-ui-color-primary));
    --kt-ui-field-color-focused: var(--c-ui-field-color-primary, var(--kt-ui-color-primary));
    --kt-ui-field-color-link: var(--c-ui-field-color-link, var(--kt-ui-link-primary));
    --kt-ui-field-color-warning: var(--c-ui-field-color-warning, var(--kt-ui-color-warning));
    --kt-ui-field-color-orange: var(--c-ui-field-color-orange, var(--kt-ui-orange-50));

    --kt-ui-field-color: var(--c-ui-field-color, var(--kt-ui-text-primary));
    --kt-ui-field-placeholder-color: var(--c-ui-field-placeholder-color, var(--kt-ui-text-placeholder));
    --kt-ui-field-bg-color: var(--c-ui-field-bg-color, var(--kt-ui-field-01));
    --kt-ui-field-border-color: var(--c-ui-field-border-color, var(--kt-ui-border-subtle-01));

    --kt-ui-field-color-hover: var(--c-ui-field-color-hover, var(--kt-ui-field-color));
    --kt-ui-field-bg-color-hover: var(--c-ui-field-bg-color-hover, var(--kt-ui-field-01-hover));
    --kt-ui-field-border-color-hover: var(--c-ui-field-border-color-hover, var(--kt-ui-field-border-color));

    --kt-ui-field-color-focus: var(--c-ui-field-color-focus, var(--kt-ui-field-color));
    --kt-ui-field-bg-color-focus: var(--c-ui-field-bg-color-focus, var(--kt-ui-field-bg-color));
    --kt-ui-field-border-color-focus: var(--c-ui-field-border-color-focus, var(--kt-ui-border-accent));

    --kt-ui-field-color-disabled: var(--c-ui-field-color-disabled, var(--kt-ui-text-disabled));
    --kt-ui-field-bg-color-disabled: var(--c-ui-field-bg-color-disabled, var(--kt-ui-field-01));
    --kt-ui-field-border-color-disabled: var(--c-ui-field-border-color-disabled, var(--kt-ui-border-disabled));
    --kt-ui-field-checked-bg-color-disabled: var(--c-ui-fiel-checked-bg-color-disabled, var(--kt-ui-icon-disabled));

    --kt-ui-field-font-size: var(--c-ui-field-font-size, 14px);
    --kt-ui-field-size: var(--c-ui-field-size, var(--kt-ui-field-size-md));
    --kt-ui-field-border-radius: var(--c-ui-field-border-radius, var(--kt-ui-border-radius-md));
    --kt-ui-field-border-width: var(--c-ui-field-border-width, 2px);

    /* region Textarea */
    --kt-ui-textarea-min-height: var(--c-ui-textarea-min-height, 100px);
    --kt-ui-textarea-border-radius: var(--c-ui-textarea-border-radius, var(--kt-ui-border-radius-lg));
    /* endregion Textarea */

    /* region Types */
    --kt-ui-label-title-bottom-offset: var(--c-ui-label-title-bottom-offset, var(--kt-ui-offset-md));
    --kt-ui-label-title-font-size: var(--c-ui-label-title-font-size, 12px);
    --kt-ui-label-title-line-height: var(--c-ui-label-title-line-height, 1.33);
    --kt-ui-label-title-letter-space: var(--c-ui-label-title-letter-space, 0.32px);
    --kt-ui-label-title-color: var(--c-ui-label-title-color, var(--kt-ui-text-secondary));
    --kt-ui-label-title-color-disabled: var(--c-ui-label-title-color-disabled, var(--kt-ui-text-disabled));

    --kt-ui-label-text-color: var(--c-ui-label-text-color, var(--kt-ui-text-primary));
    --kt-ui-label-text-color-disabled: var(--c-ui-label-text-color-disabled, var(--kt-ui-text-disabled));

    --kt-ui-help-text-offset-top: var(--c-ui-help-text-offset-top, var(--kt-ui-offset-sm));
    --kt-ui-help-text-color: var(--c-ui-help-text-color, var(--kt-ui-text-secondary));
    /* endregion Types */

    /* region Checkbox */
    --kt-ui-checkbox-size: var(--c-ui-checkbox-size, var(--kt-ui-size-md2));
    --kt-ui-checkbox-size-sm: var(--c-ui-checkbox-size-sm, var(--kt-ui-size-md));
    --kt-ui-checkbox-border-radius: var(--c-ui-checkbox-border-radius, var(--kt-ui-border-radius-sm));
    --kt-ui-checkbox-border-color: var(--c-ui-checkbox-border-color, var(--kt-ui-icon-accented));
    --kt-ui-checkbox-bg: var(--c-ui-checkbox-bg, var(--kt-ui-transparent-01));
    --kt-ui-checkbox-checked-bg: var(--c-ui-checkbox-checked-bg, var(--kt-ui-icon-accented));
    --kt-ui-checkbox-indeterminate-bg: var(--c-ui-checkbox-icon-indeterminate-bg, var(--kt-ui-checkbox-checked-bg));
    --kt-ui-checkbox-shadow-focus: var(--c-ui-checkbox-shadow-focus, 0 0 0 1px var(--kt-ui-white), 0 0 0 4px var(--kt-ui-focus));
    --kt-ui-checkbox-focus-outline: var(--c-ui-checkbox-focus-outline, 2px solid var(--kt-ui-focus));

    --kt-ui-checkbox-icon-checked: var(--c-ui-checkbox-icon-checked, var(--kt-ui-icon-tick));
    --kt-ui-checkbox-icon-indeterminate: var(--c-ui-checkbox-icon-indeterminate, var(--kt-ui-icon-minus));
    /* endregion Checkbox */

    /* region Radio */
    --kt-ui-radio-size: var(--c-ui-radio-size, 20px);
    --kt-ui-radio-border-radius: var(--c-ui-radio-border-radius, 50%);
    --kt-ui-radio-border-color: var(--c-ui-radio-border-color, var(--kt-ui-icon-accented));
    --kt-ui-radio-bg: var(--c-ui-radio-bg, var(--kt-ui-transparent-01));
    --kt-ui-radio-color-primary: var(--c-ui-radio-color-primary, var(--kt-ui-focus));
    --kt-ui-radio-checked-bg: var(--c-ui-radio-checked-bg, var(--kt-ui-focus));

    --kt-ui-radio-inner-size: var(--c-ui-radio-inner-size, 12px);
    --kt-ui-radio-inner-border-radius: var(--c-ui-radio-inner-border-radius, 50%);
    /* endregion Radio */
}