/**
 * uni-app内置的常用样式变量
 */

/* 行为相关颜色（主题色集中定义，方便统一替换） */
// 主主题色，可一处修改全局生效
$theme-primary: #3d48a3;
// 派生色：悬停/按下/禁用/浅色背景等
$theme-primary-hover: darken($theme-primary, 6%);
$theme-primary-active: darken($theme-primary, 10%);
$theme-primary-disabled: mix(#ffffff, $theme-primary, 60%);
$theme-primary-plain-bg: mix(#ffffff, $theme-primary, 92%);
$theme-primary-plain-border: mix(#ffffff, $theme-primary, 30%);
// 半透明主题色（0.5 不透明度，用于禁用态或蒙层）
$theme-primary-alpha-50: rgba($theme-primary, 0.5);

/* 行为相关颜色（uni-ui 使用）*/
$uni-color-primary: $theme-primary;
$uni-primary: $theme-primary;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#e5e5e5;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16px;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:18px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;

/* 全局标题默认字号覆盖：让 uni-title 的 h2 默认为 18px */
$uni-headings: (
  'h2': (
    size: 18px
  )
);