/* MissMiao 主题 · 设计 tokens
   参照系：观夏 tosummer.cn 实测设计语言（2026-10-04 抓取核实）
   原则：纯白底 + 墨色字，色彩让位于摄影；vw 流式；直角；单一缓动曲线 */

:root {
  /* ===== 色彩（观夏实测值）===== */
  --bg: #ffffff;
  --ink: #000000;
  --ink-2: #3d3d3d;
  --ink-3: #707070;
  --ink-4: #999999;
  --line: #d8d8d8;
  --line-soft: #dfdfdf;
  --wash: #f6f6f6;            /* 浅灰洗底，极少量使用 */
  /* 点缀色不设常量：全站色彩来自摄影。
     季节专题如需点缀，仅在专题页局部作用域定义。 */

  /* ===== 字体 ===== */
  /* 中文标题：思源宋（自托管可变字体，标题/菜单/系列名） */
  --font-serif-cn: "Source Han Serif SC VF", "Noto Serif SC", "Songti SC", "STSong", serif;
  /* 英文展示衬线（栏目标题英文行；Saol Text 为付费字体，Georgia 代） */
  --font-serif-en: Georgia, "Times New Roman", serif;
  /* 中文正文：系统栈（观夏实测：正文不加载字体） */
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", Arial, sans-serif;

  /* ===== 字阶（观夏实测）===== */
  --text-display: clamp(28px, 4.2vw, 45px);  /* 首屏大标题 */
  --text-h1: clamp(22px, 2.6vw, 30px);       /* 栏目/页面题 */
  --text-h2: clamp(19px, 2.2vw, 25px);
  --text-h3: clamp(16px, 1.6vw, 18px);       /* 系列名 */
  --text-nav: 16px;
  --text-body: 15px;                          /* 正文（观夏 14-16 取中） */
  --text-caption: 12px;

  /* 字重：细字重是观夏气质的关键 */
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;

  /* 行高 */
  --lh-display: 1.45;
  --lh-body: 2.0;          /* 散文式疏朗行距 */

  /* ===== 间距（vw 流式，观夏实测）===== */
  --page-x: clamp(24px, 10.42vw, 200px);   /* 桌面页边距 */
  --page-x-mobile: clamp(20px, 7.69vw, 60px);
  --section-y: clamp(56px, 8vw, 120px);    /* 区块纵向节奏 */
  --header-h: 92px;

  /* ===== 图片比例（全站只许这四种，观夏实测）===== */
  --ratio-hero: 16 / 9;
  --ratio-wide: 4 / 3;
  --ratio-tall: 2 / 3;
  --ratio-land: 3 / 2;

  /* ===== 圆角：全站直角 ===== */
  --radius: 0;

  /* ===== 动效（观夏实测单一曲线）===== */
  --ease: cubic-bezier(0.645, 0.045, 0.355, 1);
  --dur-fast: 0.2s;
  --dur-mid: 0.3s;
  --dur-enter: 0.6s;
}

/* 移动端 */
@media (max-width: 768px) {
  :root {
    --page-x: var(--page-x-mobile);
  }
}