:root {
  /* 品牌色 · 神山秘境 */
  --color-primary: #9B2915;
  --color-primary-deep: #7A1F10;
  --color-primary-light: #B85C4A;
  --color-primary-50: rgba(155, 41, 21, 0.06);
  --color-primary-100: rgba(155, 41, 21, 0.10);
  --color-gold: #C9A96E;
  --color-gold-deep: #A8854E;
  --color-gold-light: #F5EFE6;
  --color-gold-50: rgba(201, 169, 110, 0.10);
  --color-gold-gradient: linear-gradient(135deg, #D8B878 0%, #C9A96E 100%);

  /* 地域色 · 圣湖蓝 */
  --color-lake: #4A7C8F;
  --color-lake-light: #E8F1F4;
  --color-lake-50: rgba(74, 124, 143, 0.08);

  /* 页面底色 */
  --color-bg: #F5F1E8;
  --color-page-bg: #E5E1D8;
  --color-cream: #F5F1E8;

  /* 中性色 */
  --color-text-primary: #2B2620;
  --color-text-secondary: #6B6259;
  --color-text-tertiary: #9C9288;
  --color-text-disabled: #C4BBAF;
  --color-text-inverse: #FFFFFF;
  --color-border: #E8E2D6;
  --color-border-strong: #DCD5C8;
  --color-fill: #F5F0E6;
  --color-surface: #FFFFFF;
  --color-surface-solid: #FFFFFF;
  --color-surface-pressed: #F5F0E6;
  --color-mask: rgba(43, 38, 32, 0.5);

  /* 语义色 */
  --color-success: #4A7C59;
  --color-success-bg: #EAF0EB;
  --color-warning: #C9862B;
  --color-warning-bg: #F7EFDF;
  --color-danger: #B3261E;
  --color-danger-bg: #F6E7E4;
  --color-info: #5B7A99;
  --color-info-bg: #E8EEF3;

  /* 字号（以 375px 视口为基准） */
  --font-display: 20px;
  --font-title-lg: 18px;
  --font-title: 16px;
  --font-subtitle: 15px;
  --font-body: 14px;
  --font-body-sm: 13px;
  --font-caption: 12px;
  --font-minor: 11px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 20px;
  --radius-pill: 20px;
  --radius-full: 999px;

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* 阴影 · 柔和纸质 */
  --shadow-sm: 0 1px 5px rgba(43, 38, 32, 0.05);
  --shadow-md: 0 2px 10px rgba(43, 38, 32, 0.08);
  --shadow-lg: 0 4px 16px rgba(43, 38, 32, 0.12);
  --shadow-top: 0 -2px 10px rgba(43, 38, 32, 0.05);

  /* 玻璃拟态 */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.55);
  --glass-blur: blur(20px);

  /* 占位与页面底 */
  --color-placeholder-start: #D8D0C0;
  --color-placeholder-end: #C4BBA8;
  --color-placeholder-hero-start: #B8B0A0;
  --color-placeholder-hero-end: #8A8275;

  /* 画布 */
  --page-width: 375px;
  --safe-x: 16px;

  /* Tailwind 语义化映射 */
  --background: var(--color-bg);
  --foreground: var(--color-text-primary);
  --card: var(--color-surface);
  --card-foreground: var(--color-text-primary);
  --popover: var(--color-surface-solid);
  --popover-foreground: var(--color-text-primary);
  --primary: var(--color-primary);
  --primary-foreground: var(--color-text-inverse);
  --secondary: var(--color-fill);
  --secondary-foreground: var(--color-text-primary);
  --muted: var(--color-fill);
  --muted-foreground: var(--color-text-secondary);
  --accent: var(--color-gold-50);
  --accent-foreground: var(--color-gold-deep);
  --destructive: var(--color-danger);
  --destructive-foreground: var(--color-text-inverse);
  --border: var(--color-border);
  --input: var(--color-border-strong);
  --ring: var(--color-primary-light);
}