// 暗黑
@mixin mode-dark {
  --sa-title: #d6d6d6; // 标题文字
  --sa-subtitle: #c2c2c2; // 副标题文字
  --sa-font: #adadad; // 一级文字
  --sa-subfont: #7e7e7e; // 二级文字
  --sa-place: #525252; // 占位字体

  --sa-border: #464646; // 边框
  --sa-border-secondary: #3e3e3e; // 边框
  --sa-space: #363636; // 间隔符

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

  --sa-page-background: #121212; // 页面背景
  --sa-card-background: #2c2c2c; // 卡片底色

  // 背景辅助色
  --sa-background-assist: #2c2c2c;
  --sa-bg-assist-1: #404040;

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

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