/* ==========================================================================
   DESIGN TOKENS — 长河铸舰厂 / PROJECT ATLAS
   视觉基调：电影级科幻组织基地，深蓝黑灰，冷白信息，克制发光。
   所有颜色 / 间距 / 字体只在此定义，页面与组件不得写死色值。
   ========================================================================== */

:root {
  /* ---- 空间层次（背景，由深到浅） ---- */
  --bg-void: #0b111b;
  --bg-hall: #101a2a;
  --bg-panel: #16233a;
  --bg-raise: #1f2f47;

  /* ---- 信息色（冷白体系，不刺眼） ---- */
  --ink-0: #eef3fa; /* 主体信息 */
  --ink-1: #b8c5d6; /* 次级信息 */
  --ink-2: #8694a8; /* 辅助说明 */
  --ink-3: #556274; /* 极弱 / 分隔文字 */

  /* ---- 线条与罩层 ---- */
  --line: rgba(146, 178, 219, 0.13);
  --line-mid: rgba(146, 178, 219, 0.21);
  --line-hi: rgba(146, 178, 219, 0.38);
  --veil: rgba(8, 13, 21, 0.72);

  /* ---- 结构色（品牌冷钢蓝，仅用于指示与焦点） ---- */
  --accent: #8abde4;
  --accent-dim: #4a7396;
  --accent-soft: rgba(127, 178, 217, 0.14);

  /* 631：60% 深蓝黑底 / 30% 冷蓝灰文字与面板 / 10% 橙色强调 */
  --orange: #e8582a;
  --orange-soft: rgba(232, 88, 42, 0.16);
  --brass: #c3a26d;

  /* ---- 任务类型色（全站唯一来源） ---- */
  --type-deadline: #d8544c; /* 交稿 · 红 */
  --type-video: #4fa97d; /* 制作视频 · 绿 */
  --type-special: #8b7bd8; /* 特殊任务 · 紫 */
  --type-overdue: #b4362f; /* 逾期 · 深红（配发光） */
  --type-idle: #5c6a7d; /* 空闲 */

  /* ---- 字体 ---- */
  --font-num: "Bahnschrift", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --font-cn: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC",
    "Noto Sans SC", "Source Han Sans SC", sans-serif;
  --font-mono: "Source Code Pro", "Consolas", "SFMono-Regular", ui-monospace,
    monospace;

  /* ---- 字距规范 ---- */
  --track-label: 0.26em;
  --track-wide: 0.14em;

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur: 0.5s;

  /* ---- 布局尺度 ---- */
  --topbar-h: 68px;
  --gutter: clamp(18px, 3.4vw, 56px);
  --hair: 1px;
}