* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  color: #333;
  background: #f5f5f5;
}

a {
  text-decoration: none;
  color: inherit;
}

ul, li {
  list-style: none;
}

// 主题色
$primary-color: #e60012;
$text-color: #333;
$text-color-secondary: #666;
$text-color-placeholder: #999;
$border-color: #eee;
$bg-color: #f5f5f5;

// 公共页面容器
.page-container {
  padding: 20px;
  background: #fff;
  min-height: 100%;
}

// 状态标签样式
.status-tag {
  display: inline-block;
  font-size: 12px;
  
  &.shipping { color: #409eff; }
  &.pending { color: #e6a23c; }
  &.received { color: #67c23a; }
  &.paid { color: #409eff; }
  &.invoiced { color: #409eff; }
  &.pending-invoice { color: #e6a23c; }
}

// 覆盖Element Plus主题色
:root {
  --el-color-primary: #e60012;
  --el-color-primary-light-3: #eb4d5a;
  --el-color-primary-light-5: #f28087;
  --el-color-primary-light-7: #f8b3b8;
  --el-color-primary-light-8: #fad4d7;
  --el-color-primary-light-9: #fde6e8;
  --el-color-primary-dark-2: #b8000e;
}
