/* ==========================================================================
   全站设计规格：字体层级 + 圆角（文件名沿用 type.css）

   ---- 字体层级 ----
   全站字体层级规格（舞台首页 + 四个项目页共用，以 Vivido 项目页为基准）

   规则：
   - 页面里的字号只能用下面这些变量，不要再写具体的 px。
   - 段落、列表等正文一律 --t-body（16px），手机上也不缩小。
   - --t-small（14px）只给图注、元信息、按钮、导航、标签胶囊用。
   - --t-label（12px）只给大写加字距的小标题标签用；全站没有小于 12px 的文字。

   层级          桌面      手机     用途
   --t-display   80px  →  48px     页面主标题（项目名）
   --t-h2        56px  →  34px     章节标题
   --t-h3        28px  →  22px     小节标题
   --t-h4        18px              卡片标题
   --t-lede      18px  →  17px     引导段（章节标题下的一句话）
   --t-body      16px              正文
   --t-small     14px              图注、元信息、按钮、导航
   --t-label     12px              大写标签（编号 / 名称）
   --t-figure   120px  →  64px     大号统计数字
   ========================================================================== */

:root {
  --t-display: clamp(48px, 5.6vw, 80px);
  --t-h2: clamp(34px, 3.9vw, 56px);
  --t-h3: clamp(22px, 1.95vw, 28px);
  --t-h4: 18px;
  --t-lede: clamp(17px, 1.25vw, 18px);
  --t-body: 16px;
  --t-small: 14px;
  --t-label: 12px;
  --t-figure: clamp(64px, 8.4vw, 120px);

  --t-lh-display: 1;
  --t-lh-heading: 1.1;
  --t-lh-title: 1.25;
  --t-lh-body: 1.6;
  --t-tracking-label: .12em;

  /* ---- 圆角 ----
     --r-xs     4px   细小元素：进度条、小色块、行内标记
     --r-sm     8px   图标底板、小徽章、项目标识
     --r-md    12px   卡片里的小卡、缩略图、输入框
     --r-lg    20px   卡片、面板、图片框
     --r-xl    28px   首屏主图、大区块
     --r-pill 999px   胶囊：按钮、标签、导航高亮
     圆形用 50%；插画式的不规则形状（对话气泡等）不受此限制 */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
}