:root{
    //主题颜色
    --cty-color-white:#ffffff;
    --cty-color-black:#000000;
    --cty-color-light:#f2f3f5;
    --cty-color-dark:#222428;
    --cty-color-medium:#92949c;

    --cty-color-primary:#3880ff;
    --cty-color-secondary:#3dc2ff;
    --cty-color-tertiary:#5260ff;
    --cty-color-success:#2dd36f;
    --cty-color-warning:#ffc409;
    --cty-color-danger:#e71a37;

    //字体颜色
    --cty-text-color-dark: #1a1a1a;
    --cty-text-color-primary: #333333;
    --cty-text-color-regular: #666666;
    --cty-text-color-secondary: #999999;
    --cty-text-color-placeholder: #a8abb2;
    --cty-text-color-disabled: #c0c4cc;
    --cty-text-color-light: #f5f5f5;
    --cty-text-color-white: #ffffff;
    --cty-text-color-black: #000000;

    //边框颜色
    --cty-border-color:#e6e6e6;
    --cty-border-color-light: #e9e9e9;
    --cty-border-color-lighter: #ebeef5;
    --cty-border-color-extra-light: #f2f6fc;
    --cty-border-color-dark: #d4d7de;
    --cty-border-color-darker: #cdd0d6;

    //遮罩颜色
    --cty-overlay-color-dark: rgba(0, 0, 0, 0.8);
    --cty-overlay-color: rgba(0, 0, 0, 0.6);
    --cty-overlay-color-light: rgba(0, 0, 0, 0.5);
    --cty-overlay-color-lighter: rgba(0, 0, 0, 0.3);
    --cty-mask-color: rgba(255, 255, 255, 0.9);
    --cty-mask-color-extra-light: rgba(255, 255, 255, 0.3);

    //字体大小
    --cty-font-size-extra-large: 20px;
    --cty-font-size-large: 18px;
    --cty-font-size-medium: 16px;
    --cty-font-size-base: 14px;
    --cty-font-size-small: 13px;
    --cty-font-size-extra-small: 12px;

    //圆角大小
    --cty-border-radius-large: 15px;
    --cty-border-radius-medium: 10px;
    --cty-border-radius-base: 5px;
    --cty-border-radius-small: 3px;
    --cty-border-radius-round: 20px;
    --cty-border-radius-circle: 100%;

    //左右边距
    --cty-padding-hor:15px;

    //按钮高度
    --cty-button-height-large: 44px;
    --cty-button-height-medium: 40px;
    --cty-button-height: 36px;
    --cty-button-height-small: 32px;
}