// 设计统一规范输出的CSS变量
// COLOR
$color-mask-secondary: var(--nutui-color-mask-secondary, rgba(0, 0, 0, 0.4)) !default;
$color-mask: var(--nutui-color-mask, rgba(0, 0, 0, 0.7)) !default;
$color-primary-background: var(--nutui-color-primary-background, #e6f0ff) !default;
$color-primary-border: var(--nutui-color-primary-border, #99c5fe) !default;
$color-primary: var(--nutui-color-primary, #006dfc) !default;
$color-title: var(--nutui-color-title, #0d0d0d) !default;
$color-warning-background: var(--nutui-color-warning-background, #fff2e6) !default;
$color-warning-border: var(--nutui-color-warning-border, #ffce9e) !default;
$color-warning: var(--nutui-color-warning, #ff850c) !default;
$color-success-background: var(--nutui-color-success-background, #e5f6ec) !default;
$color-success-border: var(--nutui-color-success-border, #9adeb7) !default;
$color-success: var(--nutui-color-success, #02ad4a) !default;
$color-error-background: var(--nutui-color-error-background, #fff2f0) !default;
$color-error-border: var(--nutui-color-error-border, #ffb6b6) !default;
$color-error: var(--nutui-color-error, #ff4949) !default;
$color-white: var(--nutui-color-white, #ffffff) !default;
$color-background: var(--nutui-color-background, #f8f8f8) !default;
$color-border: var(--nutui-color-border, #e6e6e6) !default;
$color-border-secondary: var(--nutui-color-border-secondary, #bfbfbf) !default;
$color-text-disabled: var(--nutui-color-text-disabled, #999999) !default;
$color-text: var(--nutui-color-text, #666666) !default;

// TEXT
$font-size-0: var(--nutui-font-size-0, 11px) !default;
$font-size-7: var(--nutui-font-size-7, 30px) !default;
$font-size-6: var(--nutui-font-size-6, 24px) !default;
$font-size-5: var(--nutui-font-size-5, 22px) !default;
$font-size-4: var(--nutui-font-size-4, 20px) !default;
$font-size-2: var(--nutui-font-size-2, 15px) !default;
$font-size-3: var(--nutui-font-size-3, 17px) !default;
$font-size-1: var(--nutui-font-size-1, 13px) !default;

// CORNER_RADIUS
$radius-none: var(--nutui-radius-none, 0px) !default;
$radius-3: var(--nutui-radius-3, 16px) !default;
$radius-2: var(--nutui-radius-2, 12px) !default;
$radius-1: var(--nutui-radius-1, 8px) !default;
$radius-0: var(--nutui-radius-0, 4px) !default;
$radius-circle: var(--nutui-radius-circle, 999px) !default;