:root {
    /* region size */
    --kt-ui-counter-size-sm: var(--c-ui-counter-size-sm, 13px);
    --kt-ui-counter-size-md: var(--c-ui-counter-size-md, 16px);
    --kt-ui-counter-size-lg: var(--c-ui-counter-size-lg, 19px);
    --kt-ui-counter-current-size: var(--c-ui-counter-current-size, var(--kt-ui-counter-size-md));
    --kt-ui-counter-font-size: var(--c-ui-counter-font-size, 12px);
    --kt-ui-counter-font-weight: var(--c-ui-counter-font-weight, var(--ui-font-weight-regular));
    --kt-ui-counter-font-family: var(--c-ui-counter-font-family, var(--ui-font-family-ibm-plex-sans));
    --kt-ui-counter-letter-spacing: var(--c-ui-counter-letter-spacing, 0.32px);
    --kt-ui-counter-padding: var(--c-ui-counter-padding, 3px);
    /* endregion size */

    /* region color */
    --kt-ui-counter-bg-color-default: var(--c-ui-counter-bg-color-default, var(--kt-ui-color-danger));
    --kt-ui-counter-bg-color-gray: var(--c-ui-counter-bg-color-gray, var(--kt-ui-gray-40));
    --kt-ui-counter-bg-color-success: var(--c-ui-counter-bg-color-success, var(--kt-ui-color-success));
    --kt-ui-counter-bg-color-primary: var(--c-ui-counter-bg-color-primary, var(--kt-ui-color-primary));
    --kt-ui-counter-bg-color-danger: var(--c-ui-counter-bg-color-danger, var(--kt-ui-color-danger));
    --kt-ui-counter-bg-color-warning: var(--c-ui-counter-bg-color-warning, var(--kt-ui-color-warning));
    --kt-ui-counter-bg-color-light: var(--c-ui-counter-bg-color-light, var(--kt-ui-white));
    --kt-ui-counter-bg-color-white: var(--c-ui-counter-bg-color-white, var(--kt-ui-white));
    --kt-ui-counter-bg-color-theme: var(--c-ui-counter-bg-color-theme, rgba(82, 92, 105, .15));
    --kt-ui-counter-bg-color-light-theme: var(--c-ui-counter-bg-color-light-theme, rgba(255, 255, 255, .3));
    --kt-ui-counter-bg-color-dark: var(--c-ui-counter-bg-color-dark, rgba(255, 255, 255, .19));
    --kt-ui-counter-text-color: var(--c-ui-counter-text-color, var(--kt-ui-text-on-color));
    /* endregion color */

    /* region border color*/
    --kt-ui-counter-current-border-color: var(--c-ui-counter-current-border-color, transparent);
    --kt-ui-counter-border-color-light: var(--c-ui-counter-border-color-light, #fff);
    /* endregion border color */

    /* Region outline counter */
    --kt-ui-counter-outline-color: var(--c-ui-counter-outline-color, var(--kt-ui-text-secondary));
    --kt-ui-counter-outline-border-color: var(--c-ui-counter-outline-border-color, var(--kt-ui-border-subtle-01));
    --kt-ui-counter-outline-bg-color: var(--c-ui-counter-outline-bg-color, var(--kt-ui-white));
    /* End region outline counter */
}