// 明亮
@mixin mode-light {
  --sa-title: #262626; // 标题文字
  --sa-subtitle: #434343; // 副标题文字
  --sa-font: #595959; // 一级文字
  --sa-subfont: #8c8c8c; // 二级文字
  --sa-place: #bfbfbf; // 占位字体

  --sa-border: #d9d9d9; // 边框
  --sa-border-secondary: #f0f0f0; // 边框
  --sa-space: #f3f3f3; // 间隔符

  --sa-table-header-bg: #f5f5f5; // 表格header背景
  --sa-table-striped: #f9f9f9; // 表格斑马线

  --sa-page-background: #f0f0f4; // 页面背景
  --sa-card-background: #fdfdfd; // 卡片底色

  // 背景辅助色
  --sa-background-assist: #fdfdfd;
  --sa-bg-assist-1: #e7e7ea;

  --sa-box-shadow: rgba(0, 0, 0, 0.24); // 阴影
  --sa-mask-background: rgba(253, 253, 253, 0.8); // mask

  --sa-footer-bg: #2c2c2c;
  --sa-footer-color: #c2c2c2;
  --sa-footer-color-1: #525252;
}
