/* ==========================================================================
   《大医遗响——欧阳卫权医师纪念文存》设计令牌 (Design Tokens)
   架构：三层结构 (Primitive -> Semantic -> Component)
   美学母题：宋代平淡圆融 · 纸墨金石 · 澄心宣纸 · 儒医风范
   ========================================================================== */

:root {
  /* --------------------------------------------------------------------------
     1. Primitive Tokens (基础元属性：色彩、字体、间距、度量)
     -------------------------------------------------------------------------- */

  /* [纸色系 - Paper Hues] */
  --primitive-paper-chengxin: #F8F5EE;       /* 澄心堂纸（暖米微黄，主体底色） */
  --primitive-paper-card:     #FCFAF5;       /* 净皮生宣（书卷卡片底色） */
  --primitive-paper-card-pure:#FFFFFF;       /* 纯白素绢（悬浮高光） */
  --primitive-paper-aged:     #EFE9DC;       /* 陈年旧宣（衬底、框线阴影） */
  --primitive-paper-dark:     #E6DEC9;       /* 沉香深色宣纸 */

  /* [墨色系 - Pine & Lampblack Inks] */
  --primitive-ink-pitch:      #1C1A18;       /* 焦墨（大标题、金石印文、至重处） */
  --primitive-ink-deep:       #292623;       /* 浓墨（正文主色，清晰耐读，不刺眼） */
  --primitive-ink-medium:     #57524C;       /* 中墨 / 落纸淡墨（副标题、摘要、说明） */
  --primitive-ink-light:      #878076;       /* 宿墨灰（元数据、时间线基座） */
  --primitive-ink-faint:      #BAAF9F;       /* 褪墨浅灰（装饰线条、卷边） */

  /* [金石与草木系 - Mineral & Botanical Accents] */
  --primitive-vermilion:      #9E2A2B;       /* 朱砂印泥红（金石篆印、核心焦点） */
  --primitive-vermilion-deep: #7D1D1E;       /* 暗朱红（印章微边框阴影） */
  --primitive-vermilion-soft: rgba(158, 42, 43, 0.08); /* 极淡印泥晕染 */
  --primitive-vermilion-glow: rgba(158, 42, 43, 0.15); /* 焦点光晕 */
  --primitive-bamboo:         #3A5346;       /* 幽竹深青（草木生机、学术标注） */
  --primitive-bamboo-soft:    rgba(58, 83, 70, 0.09); /* 竹青微晕 */
  --primitive-amber:          #7F6236;       /* 琥珀金棕（经书卷轴题签） */
  --primitive-gold-border:    #D5C6A8;       /* 仿古锦绫包边色 */

  /* [排版度量 - Typography & Scales] */
  --primitive-font-serif:     'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
  --primitive-font-kaiti:     'Kaiti SC', 'STKaiti', 'KaiTi', 'Noto Serif SC', serif;
  --primitive-font-seal:      'Kaiti SC', 'STKaiti', 'KaiTi', serif;

  /* [间距阶梯 - Space Scale (基于古籍版心模数 8px)] */
  --space-2:  0.125rem; /* 2px */
  --space-4:  0.25rem;  /* 4px */
  --space-8:  0.5rem;   /* 8px */
  --space-12: 0.75rem;  /* 12px */
  --space-16: 1rem;     /* 16px */
  --space-24: 1.5rem;   /* 24px */
  --space-32: 2rem;     /* 32px */
  --space-48: 3rem;     /* 48px */
  --space-64: 4rem;     /* 64px */
  --space-96: 6rem;     /* 96px */

  /* --------------------------------------------------------------------------
     2. Semantic Tokens (语义化映射：界面角色与意图)
     -------------------------------------------------------------------------- */
  --color-page-bg:          var(--primitive-paper-chengxin);
  --color-card-bg:          var(--primitive-paper-card);
  --color-card-bg-hover:    var(--primitive-paper-card-pure);
  --color-card-border:      var(--primitive-paper-dark);
  --color-card-border-soft: #EFE8DA;

  --color-text-title:       var(--primitive-ink-pitch);
  --color-text-body:        var(--primitive-ink-deep);
  --color-text-secondary:   var(--primitive-ink-medium);
  --color-text-tertiary:    var(--primitive-ink-light);

  --color-seal-cinnabar:    var(--primitive-vermilion);
  --color-seal-bg-tint:     var(--primitive-vermilion-soft);
  --color-academic-accent:  var(--primitive-bamboo);
  --color-academic-tint:    var(--primitive-bamboo-soft);

  /* 传统宣纸微纤维背景 (纯内联 SVG，无外部网络依赖) */
  --xuan-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");

  /* --------------------------------------------------------------------------
     3. Component Tokens (组件级度量与微质感)
     -------------------------------------------------------------------------- */
  --line-height-prose:      2.05;
  --letter-spacing-prose:   0.025em;
  --letter-spacing-title:   0.08em;
  --paragraph-indent:       2.16em;

  --shadow-book-page:       0 4px 24px rgba(45, 38, 30, 0.05), 0 1px 3px rgba(45, 38, 30, 0.04);
  --shadow-book-page-hover: 0 10px 32px rgba(45, 38, 30, 0.08), 0 2px 6px rgba(45, 38, 30, 0.04);
  --radius-subtle:          3px;
  --radius-card:            6px;
}