/* ============================================================
   设计令牌 —— 唯一的取值来源
   任何页面/组件不允许出现此文件之外的颜色、字号、间距、圆角、
   线宽、动效时长。新增取值先加 token，再使用。
   ============================================================ */

:root {
  /* ---- 色板：纯黑白灰 ---- */
  --paper:   #f7f7f5;   /* 页面底 · 纸白 */
  --surface: #ffffff;   /* 卡片 / 表格 / 输入框底 */
  --ink:     #1a1a1a;   /* 唯一重色 · 墨黑 */
  --gray-1:  #5c5c5a;   /* 次级文字 */
  --gray-2:  #737370;   /* 三级文字 / 占位符（白底对比度达 AA） */
  --gray-3:  #e4e4e1;   /* 细线 / 边框 */
  --hover:   #f0f0ee;   /* 悬停底 */
  --press:   #e8e8e5;   /* 按压 / 选中底 */
  --overlay: rgba(26, 26, 26, 0.25);  /* 抽屉遮罩 */
  --ring:    rgba(26, 26, 26, 0.06);  /* 聚焦环 */

  /* 别名——app.css 里已在引用，之前没定义（.creative-chip / .creative-candidate.active
     整条声明失效）。只做指向，不引入新的原始取值。 */
  --muted:  var(--gray-2);   /* = 三级文字 */
  --gray-5: var(--gray-2);   /* = 次一级边框强调 */

  /* ---- 字体 ---- */
  --font-ui:   -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace; /* 仅用于：数字、状态标签 */

  /* ---- 字号阶梯 ---- */
  --fs-xs:   11px;   /* 表头 / 标签 / 徽章 */
  --fs-sm:   12px;   /* 辅助信息 / 元数据 */
  --fs-base: 13px;   /* 基准 · 正文 / 控件 */
  --fs-md:   15px;   /* 面板标题 */
  --fs-lg:   20px;   /* 页面标题 / 指标数字 */

  /* ---- 间距阶梯 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ---- 圆角 ---- */
  --r-sm: 4px;
  --r-md: 6px;

  /* ---- 线宽 ---- */
  --line: 1px;

  /* ---- 动效时长 ---- */
  --t-fast: 120ms;
  --t-base: 200ms;

  /* ---- 阴影：极轻 ---- */
  --shadow-1: 0 1px 2px rgba(26, 26, 26, 0.04);
  --shadow-2: 0 8px 24px rgba(26, 26, 26, 0.10);

  /* ---- 语义色：只用于状态与信号，低饱和以贴合 quiet luxury ---- */
  --warn:   #8a6a1f; --warn-bg:   #f4ecd6; --warn-bd:   #e8dcbe;  /* 待审 / 发布中 */
  --info:   #2f57a6; --info-bg:   #e7edf8; --info-bd:   #d3e0f3;  /* 已批准 / 排队 */
  --sched:  #4a4f8a; --sched-bg:  #e9eaf5; --sched-bd:  #d8daee;  /* 已排期 */
  --ok:     #2e6b45; --ok-bg:     #e4efe8; --ok-bd:     #cbe2d3;  /* 已发布 / 成功 */
  --danger: #a23b34; --danger-bg: #f6e5e3; --danger-bd: #ecd2cf;  /* 失败 */

  /* ---- 图表原色（primitive）：东方材质色，低—中饱和，仅用于数据可视化 ---- */
  --viz-indigo:   #526a78;  /* 靛青 · 主序列 */
  --viz-jade:     #4e7468;  /* 黛绿 · 完成 / 增长 */
  --viz-ochre:    #a9794a;  /* 赭石 · 审核 / 提醒 */
  --viz-plum:     #806b7a;  /* 藕紫 · 排期 / 对比 */
  --viz-cinnabar: #a45f52;  /* 漆红 · 失败 / 异常 */

  /* ---- 图表语义色（semantic）：图表组件只引用语义，不直接引用原色 ---- */
  --chart-primary:   var(--viz-indigo);
  --chart-secondary: var(--viz-jade);
  --chart-accent:    var(--viz-ochre);
  --chart-contrast:  var(--viz-plum);
  --chart-danger:    var(--viz-cinnabar);
  --chart-success:   var(--viz-jade);
  --chart-text:      var(--gray-2);
  --chart-grid:      var(--gray-3);
  --chart-track:     var(--hover);

  /* ---- 图表组件映射（component）：阶段与渠道全站固定，不随页面变化 ---- */
  --chart-stage-draft:     var(--gray-2);
  --chart-stage-review:    var(--viz-ochre);
  --chart-stage-approved:  var(--viz-indigo);
  --chart-stage-scheduled: var(--viz-plum);
  --chart-stage-action:    var(--viz-cinnabar);
  --chart-stage-published: var(--viz-jade);
  --chart-channel-instagram:   var(--viz-plum);
  --chart-channel-tiktok:      var(--viz-jade);
  --chart-channel-xiaohongshu: var(--viz-ochre);
}