@import './theme/style'; //系统主题
@import './main'; //主样式*

// 确保主题色变量全局可用
:root,
page {
  --ui-BG-Main: #{$primary};
  --ui-BG-Main-tag: #{rgba($primary, 0.05)};
  --ui-BG-Main-gradient: #{rgba($primary, 0.6)};
  --ui-BG-Main-light: #{rgba($primary, 0.2)};
  --ui-BG-Main-opacity-1: #{rgba($primary, 0.1)};
  --ui-BG-Main-opacity-4: #{rgba($primary, 0.4)};
  --ui-Main-box-shadow: 0 0.2em 0.5em #{rgba($primary, 0.45)};
  --ui-BG-Main-1: #{mix(rgba(255, 255, 255, 0.7), desaturate($primary, 20%), 10%)};
  --ui-BG-Main-2: #{mix(rgba(255, 255, 255, 0.6), desaturate($primary, 40%), 20%)};
  --ui-BG-Main-3: #{mix(rgba(119, 119, 119, 0.2), desaturate($primary, 40%), 40%)};
  --ui-BG-Main-4: #{mix(rgba(119, 119, 119, 0.1), desaturate($primary, 40%), 60%)};
  --ui-BG-Main-TC: #ffffff;
}

@import './style/background'; //背景
@import './style/grid'; //列
@import './style/flex'; //布局
@import './style/border'; //边框
@import './style/text'; //文本
@import './style/shadow'; //阴影
@import './icon/style'; //图标
@import './style/tag'; //标签
@import './style/button'; //按钮
@import './style/avatar'; //头像
@import './style/table'; //表格
@import './style/code'; //代码片段
@import './style/form'; //表单
@import './style/menu'; //表单
@import './style/markdown'; //表单
@import './style/card'; //表单