/* ======================================================================
   CreatAgent 品牌风格令牌（T014，T025 对齐新月 C 图标）
   参照 earendil.com 的「安静」提炼而来；分析见同目录 index.html。
   颜色以图标 icon/a-crescent.svg 为准：纸 #f4f2ee、墨 #191816，加唯一第三色光点暖金 #e0b865（少用）。
   命名：--b-*（brand）。最后一段给出与 App 规范（design/ui-v2/frames 的 --a-*）的替换映射。
   三份样稿（site.html / loading.html / auth.html）只用这里的令牌，不另起颜色与字号。
   ====================================================================== */

:root{
  /* ---------- 1. 材质：纸 + 墨，外加一粒光点 ---------- */
  --b-paper:#f4f2ee;        /* 页面与卡面：图标的纸色 */
  --b-paper-2:#eae7e1;      /* 输入框、次级面（纸压一档） */
  --b-ink:#191816;          /* 墨：正文、标题、主按钮底（图标的墨色） */
  --b-ink-2:#5f5c57;        /* 次墨：说明、出处（墨向纸约 35%） */
  --b-ink-3:#8f8c86;        /* 三级：占位、时码、页脚（墨向纸约 55%） */
  --b-line:rgba(25,24,22,.13);
  --b-line-strong:rgba(25,24,22,.30);
  --b-glow:#e0b865;         /* 光点暖金：整套唯一第三色，只用于标志里的那一点、App 播放头/选中态，不用于大面积与正文 */
  --b-glow-soft:#f3e7cc;    /* 光点的浅底：选中行底色，仅 App 映射使用 */
  --b-paper-rgb:244,242,238;/* 纸的 RGB 分量：给星光、浪纹高光按透明度取用 */
  --b-ink-rgb:25,24,22;     /* 墨的 RGB 分量：给阴影、浪纹暗纹按透明度取用 */

  /* ---------- 2. 场景：天、地平线、海 ---------- */
  --b-sky-top:#e7e4de;
  --b-sky-bottom:#dad7d0;
  --b-sea-top:#d0cdc6;
  --b-sea-bottom:#c3c0b9;
  --b-horizon:39.4%;        /* 地平线距底边的高度，参照站相机取 39.4309vh；文字永远锚在它上方 */
  --b-horizon-gap:40px;     /* 文字下沿到地平线的空隙（参照站 2.5rem） */
  --b-grain:.16;            /* 纸纹噪点强度（0 关闭） */
  --b-wave-hi:.06;          /* 海面亮纹透明度 */
  --b-wave-lo:.035;         /* 海面暗纹透明度 */

  /* ---------- 3. 字：衬线说话，等宽标注，无衬线操作 ---------- */
  --b-serif:"Noto Serif SC","Songti SC","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;
  --b-mono:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;
  --b-sans:-apple-system,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",system-ui,sans-serif;

  --b-fs-xs:13px;           /* 页脚、出处、字段标签 */
  --b-fs-sm:15px;           /* 界面与表单正文 */
  --b-fs-md:17px;
  --b-fs-lg:20px;           /* 小标题 */
  --b-fs-xl:22px;
  --b-fs-quote:clamp(20px,16px + 1.4vw,34px);   /* 金句：随视口连续缩放 */
  --b-fs-hero:clamp(22px,14px + 1.5vw,38px);    /* 官网主句 */
  --b-lh-tight:1.15;
  --b-lh-ui:1.25;
  --b-lh-body:1.6;
  --b-lh-quote:1.7;
  --b-measure:34em;         /* 金句一行最多约 34 个汉字，超过换行 */
  --b-tracking-label:.14em; /* 等宽小标签字距 */

  /* ---------- 4. 空间：一个外框控制所有对齐 ---------- */
  --b-frame:75px;           /* 桌面外框（参照站 75px），所有角落元素贴这个框 */
  --b-frame-md:40px;
  --b-frame-sm:28px;        /* 手机 */
  --b-radius:4px;           /* 几乎没有圆角：只有输入框与按钮用 */
  --b-radius-pill:999px;

  /* ---------- 5. 时间：慢，且只有一种缓动 ---------- */
  --b-ease:cubic-bezier(.333,0,.667,1);  /* smoothstep，参照站主题切换用的同一条曲线 */
  --b-t-theme:900ms;        /* 日夜切换 */
  --b-t-page:520ms;         /* 页面进出 */
  --b-t-hover:200ms;        /* 悬停 */
  --b-t-intro:1000ms;       /* 开场：场景淡入 */

  /* ---------- 6. 标记：唯一允许的装饰 ---------- */
  --b-mark-size:14px;       /* 链接旁的小星标 */

  /* ---------- 7. 画稿用：手机外壳与标注（不属于产品界面） ---------- */
  --b-device:#0b0b0a;       /* 手机外壳 */
  --b-device-island:#000;   /* 灵动岛 */

  color-scheme:light;
}

/* 夜：同一套名字换值，不加新令牌 */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --b-paper:#191816;--b-paper-2:#22211f;
    --b-ink:#f4f2ee;--b-ink-2:#aaa69f;--b-ink-3:#76736d;
    --b-line:rgba(244,242,238,.13);--b-line-strong:rgba(244,242,238,.32);
    --b-glow-soft:#3a3122;
    --b-sky-top:#121110;--b-sky-bottom:#201e1c;
    --b-sea-top:#262421;--b-sea-bottom:#181715;
    --b-grain:.22;--b-wave-hi:.012;--b-wave-lo:.05;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --b-paper:#191816;--b-paper-2:#22211f;
    --b-ink:#f4f2ee;--b-ink-2:#aaa69f;--b-ink-3:#76736d;
    --b-line:rgba(244,242,238,.13);--b-line-strong:rgba(244,242,238,.32);
    --b-glow-soft:#3a3122;
    --b-sky-top:#121110;--b-sky-bottom:#201e1c;
    --b-sea-top:#262421;--b-sea-bottom:#181715;
    --b-grain:.22;--b-wave-hi:.012;--b-wave-lo:.05;
    color-scheme:dark;
}

/* ======================================================================
   替换映射：把 --b-* 灌进 App 规范（design/ui-v2/frames/index.html 与 T012 的 spec.md 用 --a-*）
   把下面这一段整体贴进 App 的 :root 即完成替换；App 自己的语义色（素材/资料/语音/警告/成功）不动，
   唯一强调色 --a-cur 换成图标光点暖金（T025 去掉蓝），其余由 --b-* 派生。
   ====================================================================== */
:root{
  --a-bg:var(--b-paper);            /* 原冷白 → 图标纸色 #f4f2ee */
  --a-paper:#ffffff;                /* 卡片仍用纯白，与纸面拉开一档 */
  --a-ink:var(--b-ink);             /* 原冷黑 → 图标墨色 #191816 暖黑 */
  --a-ink2:var(--b-ink-2);
  --a-ink3:var(--b-ink-3);
  --a-line:var(--b-line);
  --a-cur:var(--b-glow);            /* 原为蓝 → #e0b865 暖金：与图标光点同色，仍是 App 唯一强调色，少用 */
  --a-cur-soft:var(--b-glow-soft);
  --a-sans:var(--b-sans);
  --a-serif:var(--b-serif);         /* 新增：App 里金句、选题标题用衬线 */
  --a-mono:var(--b-mono);           /* 新增：时码、计数、标签用等宽 */
  --a-ease:var(--b-ease);
  --a-t-page:var(--b-t-page);
  --a-t-hover:var(--b-t-hover);
}