/* ============================================================
   世界那么大 · 数字系统 · 设计令牌
   WORLD SO BIG — Design Tokens
   来源：品牌手册 1.0（定稿）§17 色彩 / §19 字体 / §37 屏端令牌
   本文件是唯一的取值来源。页面 CSS 不得出现字面量色值与字号。

   v2 变更（2026-09-23，创始人授权「规范可灵活、抓大放小」）：
   新增「展示级」字号两档（--fs-mega / --fs-giga），用于版面视觉重音。
   §37 的七档管正文与标题；重音档是版式尺度，不是正文尺度。
   ============================================================ */

:root {
  /* ---------- §17 色彩 ---------- */

  /* 中性 */
  --c-paper:        #F5F3EE;  /* 纸 · 全局底色 */
  --c-ink:          #22262C;  /* 正文 */
  --c-ink-2:        #5B6472;  /* 次级 */
  --c-ink-3:        #7A8494;  /* 三级 */
  --c-cold-gray:    #A9B6C6;  /* 冷灰 · 仅深底可用，浅底禁用 */

  /* 冷极 */
  --c-snow:         #DAE0E8;
  --c-sky:          #88B2D2;
  --c-lake:         #5488B2;
  --c-far:          #36617F;  /* 远 · 深色块主用 */
  --c-dusk:         #2D3B4C;  /* 暮 */

  /* 暖极 */
  --c-gravel:       #C6C2BE;
  --c-sand:         #AD9177;
  --c-earth:        #876B55;
  --c-rock:         #5A483E;
  --c-char:         #202024;  /* 墨 · 深色跨页底色 */

  /* 强调（全站唯一强调色） */
  --c-sun:          #E8A862;  /* 日出金 · 仅用于「数据 · 行动 · 状态 · 结构」四类职能 */
  --c-label-gold:   #8A5F1E;  /* 标签金 · 浅底小字 */
  --c-sun-line:     color-mix(in srgb, var(--c-sun) 58%, transparent);
  --c-sun-soft:     color-mix(in srgb, var(--c-sun) 14%, transparent);

  /* 线 */
  --line:           rgba(34, 38, 44, 0.14);
  --line-strong:    rgba(34, 38, 44, 0.28);
  --line-invert:    rgba(245, 243, 238, 0.26);
  --line-invert-2:  rgba(245, 243, 238, 0.10);

  /* 影像上的文字（深底） */
  --on-media:       #F5F3EE;
  --on-media-2:     rgba(245, 243, 238, 0.78);
  --on-media-3:     rgba(245, 243, 238, 0.62);

  /* 深色块上的文字 */
  --on-dark:        #F5F3EE;
  --on-dark-2:      rgba(245, 243, 238, 0.72);
  --on-dark-3:      rgba(218, 224, 232, 0.56);

  /* ---------- §37 屏端令牌 · 字号（正文与标题） ---------- */
  --fs-display:     40px;
  --fs-h1:          32px;
  --fs-h2:          24px;
  --fs-h3:          20px;
  --fs-body:        16px;
  --fs-small:       14px;
  --fs-tiny:        12px;

  /* ---------- 展示级字号（v2 新增 · 版面重音） ---------- */
  --fs-mega:        68px;   /* 章节巨字 / 传播句 / 首屏主标 */
  --fs-giga:       124px;   /* 全页重音 / 关键数字 / 关键词 */

  /* ---------- 行高 ---------- */
  --lh-tight:       1.25;
  --lh-body:        1.6;
  --lh-display:     1.04;   /* 巨字专用 */
  --ls-display:    -0.02em; /* 巨字微收字距（中文大字必须） */

  /* ---------- 间距（元素尺度，只取这七档） ---------- */
  --sp-1:           4px;
  --sp-2:           8px;
  --sp-3:           12px;
  --sp-4:           16px;
  --sp-6:           24px;
  --sp-8:           32px;
  --sp-12:          48px;

  /* ---------- 留白（版式尺度：制造重音的手段，必须不均匀） ---------- */
  --gap-l:          64px;
  --gap-xl:        112px;
  --gap-2xl:       176px;

  /* ---------- 圆角 ---------- */
  --r-1:            2px;
  --r-2:            4px;
  --r-3:            8px;

  /* ---------- 布局 ---------- */
  --maxw:           1200px;
  --maxw-wide:      1440px;  /* 满幅影像跨页 */
  --measure:        640px;   /* 正文行宽上限 */
  --gutter:         24px;
  --touch:          44px;

  /* ---------- 组件尺度 ---------- */
  --logo-base:      20px;    /* 改这一个值，整枚标志等比缩放 */

  /* ---------- 字体 ---------- */
  --ff-sans:  "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --ff-latin: "Jost", "Inter", "Segoe UI", sans-serif;
  --ff-mono:  "JetBrains Mono", "Cascadia Mono", "Consolas", "Courier New", monospace;
}

/* ---------- 窄屏（<640） ---------- */
@media (max-width: 640px) {
  :root {
    --fs-display: 28px;
    --fs-h1:      26px;
    --fs-h2:      21px;
    --fs-h3:      18px;
    --fs-mega:    38px;
    --fs-giga:    72px;
    --gutter:     20px;
    --gap-l:      48px;
    --gap-xl:     64px;
    --gap-2xl:    88px;
  }
}

/* ---------- 中屏（641–1024） ---------- */
@media (min-width: 641px) and (max-width: 1024px) {
  :root {
    --fs-display: 34px;
    --fs-h1:      28px;
    --fs-mega:    52px;
    --fs-giga:    96px;
    --gap-xl:     88px;
    --gap-2xl:   128px;
  }
}