:root {
  /* 品牌釉色 */
  --color-jun-purple: #3D2B4F;
  --color-jun-purple-light: #5C4870;
  --color-jun-purple-muted: rgba(61, 43, 79, 0.08);
  --color-jun-sky: #5B7C8D;
  --color-jun-sky-light: #7A9AAD;
  --color-jun-red: #A63D2F;
  --color-jun-gold: #B8956B;

  /* 中性色 */
  --color-bg-page: #F7F4EF;
  --color-bg-card: #FDFCFA;
  --color-bg-dark: #1A1612;

  --color-text-primary: #2C2420;
  --color-text-secondary: #6B635A;
  --color-text-muted: #8B8178;
  --color-text-inverse: #F7F4EF;
  --color-text-inverse-muted: #C4BAB0;

  --color-border: #E5DFD6;
  --color-border-strong: #D4CBC0;

  --color-link: var(--color-jun-purple);
  --color-link-hover: var(--color-jun-purple-light);
  --color-focus-ring: rgba(61, 43, 79, 0.25);

  --gradient-hero: linear-gradient(
    180deg,
    rgba(26, 22, 18, 0.2) 0%,
    rgba(26, 22, 18, 0.62) 100%
  );

  /* 字体：英文展示用更干净的衬线，正文/页脚数字用无黑 */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", sans-serif;
  --font-en: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* 字号 */
  --text-display: clamp(2rem, 4vw, 3rem);
  --text-h1: clamp(1.75rem, 3vw, 2.25rem);
  --text-h2: clamp(1.375rem, 2.5vw, 1.75rem);
  --text-h3: clamp(1.125rem, 2vw, 1.375rem);
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;

  --leading-tight: 1.35;
  --leading-normal: 1.75;
  --leading-relaxed: 2;

  --tracking-display: 0.25em;
  --tracking-heading: 0.12em;
  --tracking-body: 0.02em;
  --tracking-wide: 0.18em;

  /* 间距 */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 80px;
  --space-16: 128px;

  --container-max: 1200px;

  /* 圆角 & 阴影 */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-sm: 0 1px 3px rgba(44, 36, 32, 0.06);
  --shadow-md: 0 4px 16px rgba(44, 36, 32, 0.08);
  --shadow-card: 0 2px 12px rgba(44, 36, 32, 0.06);

  /* 动效 */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-normal: 350ms;
  --duration-slow: 550ms;

  --header-height: 72px;
}