:root {
  /* 主色调 */
  --color-red: #C41A1A;
  --color-red-dark: #8B1A1A;
  --color-red-light: #E84040;
  --color-cream: #F5F0E8;
  --color-gold: #C9A84C;
  --color-gold-light: #E0C878;
  --color-gold-dark: #A08030;

  /* 辅助色 */
  --color-ink: #2C2C2C;
  --color-gray: #E8E0D0;
  --color-gray-dark: #9C9488;
  --color-white: #FFFFFF;
  --color-paper: #FAF6F0;
  --color-paper-shadow: rgba(44, 44, 44, 0.15);

  /* 字体 */
  --font-display: 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif;
  --font-body: 'Noto Serif SC', 'STSong', 'SimSun', serif;
  --font-ui: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(44, 44, 44, 0.1);
  --shadow-md: 0 4px 12px rgba(44, 44, 44, 0.12);
  --shadow-lg: 0 8px 24px rgba(44, 44, 44, 0.16);
  --shadow-gold: 0 0 20px rgba(201, 168, 76, 0.3);

  /* 动画 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* 布局 */
  --nav-height: 60px;
  --toolbar-width: 60px;
  --max-content-width: 1200px;
}