:root {
  /* 核心识别色：来自现有 RAISHO 标志资产 */
  --raisho-navy: #20325d;
  --raisho-ivory: #f4efe6;

  /* 网页功能色：从核心色延伸，不作为新的品牌主色 */
  --raisho-navy-deep: #151f38;
  --raisho-paper: #f8f6f1;
  --raisho-stone: #d8d1c7;
  --raisho-ink: #20211f;
  --raisho-muted: #666660;
  --raisho-line: rgba(32, 50, 93, 0.16);
  --raisho-line-light: rgba(244, 239, 230, 0.24);
  --raisho-navy-readable: rgba(32, 50, 93, 0.72);
  --raisho-ivory-readable: rgba(244, 239, 230, 0.72);

  /* 字体：预览锁定宋体标题与黑体正文；正式上线前再确认自托管字体和授权 */
  --raisho-font-display: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", serif;
  --raisho-font-text: "Hiragino Sans GB", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --raisho-font-latin-meta: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* 官网专用的标志应用阈值；不等同于正式 VI 最小尺寸 */
  --raisho-logo-web-desktop: 52px;
  --raisho-logo-web-mobile: 44px;
  --raisho-logo-clear-desktop: 16px;
  --raisho-logo-clear-mobile: 12px;

  /* 12 栏网格：1248 - 11 × 24 = 984；984 ÷ 12 = 82 */
  --raisho-shell: 1248px;
  --raisho-columns: 12;
  --raisho-column: 82px;
  --raisho-gutter: 24px;

  /* 8 px 间距模数；4 px 只用于基线与光学微调 */
  --raisho-baseline: 4px;
  --raisho-space-1: 8px;
  --raisho-space-2: 16px;
  --raisho-space-3: 24px;
  --raisho-space-4: 32px;
  --raisho-space-5: 48px;
  --raisho-space-6: 64px;
  --raisho-space-7: 96px;
  --raisho-space-8: 128px;

  /* 约 1.25 倍字号序列 */
  --raisho-type-00: 10px;
  --raisho-type-01: 13px;
  --raisho-type-02: 16px;
  --raisho-type-03: 20px;
  --raisho-type-04: 25px;
  --raisho-type-05: 31px;
  --raisho-type-06: 39px;
  --raisho-type-07: 49px;
  --raisho-type-08: 61px;

  /* 允许的图片窗口 */
  --raisho-ratio-product: 4 / 5;
  --raisho-ratio-making: 4 / 3;
  --raisho-ratio-place: 16 / 9;

  /* 兼容现有预览页面的变量名 */
  --navy: var(--raisho-navy);
  --navy-deep: var(--raisho-navy-deep);
  --ivory: var(--raisho-ivory);
  --paper: var(--raisho-paper);
  --stone: var(--raisho-stone);
  --ink: var(--raisho-ink);
  --muted: var(--raisho-muted);
  --line: var(--raisho-line);
  --line-light: var(--raisho-line-light);
  --display: var(--raisho-font-display);
  --text: var(--raisho-font-text);
  --latin-meta: var(--raisho-font-latin-meta);
  --shell: var(--raisho-shell);
}