@use "_vars" as *;
/* 主题是相关颜色 */
$hy-primary: var(--hy-theme-color, #2979ff) !default;
$hy-primary-dark: var(--hy-theme--dark, #2b85e4) !default;
$hy-primary-disabled: var(--hy-theme--disabled, #a0cfff) !default;
$hy-primary-light: var(--hy-theme--light, #ecf5ff) !default;

$hy-warning: var(--hy-warning, #ff9900) !default;
$hy-warning-dark: var(--hy-warning--dark, #f29100) !default;
$hy-warning-disabled: var(--hy-warning--disabled, #fcbd71) !default;
$hy-warning-light: var(--hy-warning--light, #fdf6ec) !default;

$hy-success: var(--hy-success, #19be6b) !default;
$hy-success-dark: var(--hy-success--dark, #18b566) !default;
$hy-success-disabled: var(--hy-success--disabled, #71d5a1) !default;
$hy-success-light: var(--hy-success--light, #dbf1e1) !default;

$hy-error: var(--hy-error, #fa3534) !default;
$hy-error-dark: var(--hy-error--dark, #dd6161) !default;
$hy-error-disabled: var(--hy-error--disabled, #fab6b6) !default;
$hy-error-light: var(--hy-error--light, #fef0f0) !default;

$hy-info: var(--hy-info, #909399) !default;
$hy-info-dark: var(--hy-info--dark, #82848a) !default;
$hy-info-disabled: var(--hy-info--disabled, #c8c9cc) !default;
$hy-info-light: var(--hy-info--light, #f4f4f5) !default;

/* 字体颜色 */
$hy-text-color: var(--hy-text-color, #3c3c43) !default; // 一般用于基础文字
$hy-text-color--2: var(--hy-text-color--2, #67676c) !default; // 一般用于提示
$hy-text-color--3: var(--hy-text-color--3, #929295) !default; // 一般用于浅色提示
$hy-text-color--4: var(--hy-text-color--4, rgba(0, 0, 0, 0.1)) !default; // 一般用于浅色
$hy-icon-color: var(--hy-icon-color, #606266) !default; // 一般用于icon
$hy-text-color--grey: var(--hy-text-color--grey, #999) !default; // 辅助灰色，如加载更多的提示信息
$hy-text-color--placeholder: var(--hy-text-color--placeholder, #909399) !default; // 输入框提示颜色
$hy-text-color--disabled: var(--hy-text-color--disabled, #FFFFFF3F) !default; // 禁用文字颜色
$hy-border-color: var(--hy-border-color, #c0c0c0) !default; // 边框颜色
$hy-text-color--hover: var(--hy-text-color--hover, #58595b)!default; // 点击状态文字颜色


/* 背景色 */
$hy-background: var(--hy-background, #f8f8f8) !default; // 页面背景色
$hy-background--2: var(--hy-background--2, #ffffff) !default; // 弹窗背景色
$hy-background--3: var(--hy-background--3, rgb(238, 238, 239)) !default; // 弹窗背景色
$hy-background--container: var(--hy-background--container, #ffffff) !default; // 容器背景色
$hy-background--disabled: var(--hy-background--disabled, rgba(0, 0, 0, 0.04)); // 禁用背景色
$hy-background--track: var(--hy-background--track, #F6F6F6) !default; // 轨道背景色
$hy-background--empty: var(--hy-background--empty, #F3F3F3) !default; // 搜索背景色
$hy-background--skeleton: var(--hy-background--skeleton, #eee) !default; // 骨架屏背景色
$hy-background--hover: var(--hy-background--hover, rgba(0,0,0,0.05)) !default; // 点击状态
$hy-background-mask: var(--hy-background-mask, rgba(0, 0, 0, 0.5)) !default; //遮罩颜色
$hy-background--active: var(--hy-background--active, #FFFFFF) !default; // 选中背景色
$hy-background--close: var(--hy-background--close, #f0f0f0) !default; // 关闭背景色
$hy-background--box: var(--hy-background--box, #FFFFFF) !default; // 盒子背景色
$hy-background--line: var(--hy-background--line, rgba(0, 0, 0, 0.15)) !default; // 细线背景色
$hy-background--table-header: var(--hy-background--table-header, #FAFAFA) !default; // 表头背景色
$hy-background-image--mask--two-flanks: var(--hy-background-image--mask--two-flanks, linear-gradient(180deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)),
        linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6))) !default; // 向两边形成雾霾形状

/* 文字尺寸 */
$hy-font-size-sm: 24rpx; // 提示文字大小
$hy-font-size-base: 32rpx; // 基本文字大小
$hy-font-size-lg: 40rpx; // 标题文字大小


/* 边框颜色 */
$hy-border-color-light: var(--hy-border-color-light, #c8c7cc) !default;
$hy-border-color: var(--hy-border-color, #c2c2c4) !default;
$hy-border-color--2: var(--hy-border-color--2, #c9cacc) !default;

/* 图片尺寸 */
$hy-img-size-sm: var(--hy-img-size-sm, 45rpx) !default;
$hy-img-size-base: var(--hy-img-size-base, 80rpx) !default;
$hy-img-size-lg: var(--hy-img-size-lg, 120rpx) !default;

/* 头像大小 */
$hy-avatar-size-sm: var(--hy-avatar-size-sm, 80rpx) !default;
$hy-avatar-size-base: var(--hy-avatar-size-base, 100rpx) !default;
$hy-avatar-size-lg: var(--hy-avatar-size-lg, 120rpx) !default;

/* 透明度 */
$hy-opacity-disabled: var(--hy-opacity-disabled, 0.3) !default; // 组件禁用态的透明度

/* 盒子的圆角 */
$hy-border-radius-no: var(--hy-border-radius-no, 0) !default;
$hy-border-radius-sm: var(--hy-border-radius-sm, 8rpx) !default;
$hy-border-radius-base: var(--hy-border-radius-base, 20rpx) !default;
$hy-border-radius-lg: var(--hy-border-radius-lg, 32rpx) !default;
$hy-border-radius-circle: var(--hy-border-radius-circle, 50%) !default;
$hy-border-radius-semicircle: var(--hy-border-radius-semicircle, 100px) !default;
/* 盒子阴影 */
$hy-box-shadow: var(--hy-box-shadow, 0 0 10rpx 4rpx rgba(0, 0, 0, 0.16)) !default;
/* 盒内盒外间距 */
$hy-border-margin-padding-sm: var(--hy-border-margin-padding-sm, 10rpx) !default;
$hy-border-margin-padding-base: var(--hy-border-margin-padding-base, 20rpx) !default;
$hy-border-margin-padding-lg: var(--hy-border-margin-padding-lg, 30rpx) !default;
/* 底部线条 */
/* TODO: 边框不能写1rpx否则在某些机型无法显示 */
$hy-border-line: var(--hy-border-line, 1px solid #e8e8e8) !default;