:root {
  --font-primary: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  --font-chinese: 'Ma Shan Zheng', '华文行楷', STKaiti, KaiTi, 'Microsoft YaHei', 'WenQuanYi Micro Hei', serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 40px;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

* {
  font-family: var(--font-primary);
}

/* 标题字体 */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

/* 中文特殊字体 */
.chinese-font {
  font-family: 'Ma Shan Zheng', var(--font-chinese);
}

/* 确保所有使用中文的元素都能使用正确的字体 */
#box-text {
  font-family: 'Ma Shan Zheng', var(--font-chinese) !important;
}

/* 响应式字体大小 */
@media (max-width: 768px) {
  :root {
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;
  }
}