/* ============================================================
   伟观 WEIGUAN · 设计令牌 (Design Tokens)
   所有颜色、字号、间距、圆角、动效统一在此定义。
   换肤 / 品牌调整只改本文件，页面结构不受影响。
   ============================================================ */

:root {
  /* ---------- 品牌色 ---------- */
  --c-ink:        #14201c;   /* 主墨色：标题、正文 */
  --c-ink-soft:   #26332e;   /* 次级墨色 */
  --c-paper:      #f7f4ed;   /* 宣纸白：页面底色 */
  --c-paper-2:    #efeade;   /* 次级底色：区块、卡片 */
  --c-paper-3:    #e7e0d1;   /* 更深的纸色：分隔、标签 */
  --c-copper:     #a9713f;   /* 铜金：强调、链接、编号 */
  --c-copper-soft:#c79a6c;
  --c-sage:       #7c8c7a;   /* 灰绿：辅助信息 */
  --c-muted:      #6e7671;   /* 弱化文字 */
  --c-line:       rgba(20, 32, 28, 0.13);
  --c-line-strong:rgba(20, 32, 28, 0.26);

  /* ---------- 语义色 ---------- */
  --bg:           var(--c-paper);
  --bg-elev:      #fbf9f4;
  --bg-tint:      var(--c-paper-2);
  --fg:           var(--c-ink);
  --fg-soft:      var(--c-ink-soft);
  --fg-muted:     var(--c-muted);
  --accent:       var(--c-copper);
  --border:       var(--c-line);

  /* ---------- 字体 ---------- */
  --font-serif: "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC",
                "Songti SC", "STSong", "SimSun", Georgia, serif;
  --font-sans:  "Inter", "Noto Sans CJK SC", "Noto Sans SC", "PingFang SC",
                "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, sans-serif;
  --font-mono:  "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---------- 字号（流体排版） ---------- */
  --fs-display: clamp(2.5rem, 6.6vw, 5.15rem);
  --fs-h1:      clamp(2.1rem, 4.2vw, 3.15rem);
  --fs-h2:      clamp(1.55rem, 2.6vw, 2.05rem);
  --fs-h3:      clamp(1.18rem, 1.8vw, 1.38rem);
  --fs-lead:    clamp(1.02rem, 1.35vw, 1.16rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.78rem;
  --fs-micro:   0.7rem;

  /* ---------- 行高 / 字距 ---------- */
  --lh-tight: 1.16;
  --lh-snug:  1.42;
  --lh-body:  1.82;
  --ls-tight: -0.02em;
  --ls-wide:  0.16em;

  /* ---------- 间距（8pt 基准） ---------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;

  /* ---------- 版式 ---------- */
  --container: 1180px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 76px;

  /* ---------- 圆角 / 阴影 ---------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(20,32,28,.04), 0 12px 32px -18px rgba(20,32,28,.22);
  --shadow-lift: 0 2px 4px rgba(20,32,28,.05), 0 28px 60px -32px rgba(20,32,28,.38);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 620ms;
}

/* ---------- 深色主题：同一套语义变量，组件零改动 ---------- */
[data-theme="dark"] {
  --c-ink:        #eae6db;
  --c-ink-soft:   #d6d1c4;
  --c-paper:      #111614;
  --c-paper-2:    #171e1b;
  --c-paper-3:    #212925;
  --c-copper:     #cf9a63;
  --c-copper-soft:#a97845;
  --c-sage:       #8b9c88;
  --c-muted:      #98a29b;
  --c-line:       rgba(234, 230, 219, 0.13);
  --c-line-strong:rgba(234, 230, 219, 0.28);

  --bg:           #111614;
  --bg-elev:      #161d1a;
  --bg-tint:      #171e1b;
  --fg:           #eae6db;
  --fg-soft:      #d6d1c4;
  --fg-muted:     #98a29b;
  --accent:       #cf9a63;
  --border:       rgba(234, 230, 219, 0.13);

  --shadow-soft: 0 1px 2px rgba(0,0,0,.3), 0 14px 36px -20px rgba(0,0,0,.7);
  --shadow-lift: 0 2px 4px rgba(0,0,0,.35), 0 30px 64px -30px rgba(0,0,0,.85);
}