/* ==========================================================================
   tokens.css — 设计令牌
   --------------------------------------------------------------------------
   全站唯一的颜色 / 间距 / 字号来源。业务模块的 CSS 允许保留自己的写法
   （两套旧样式合计 1,463 行，重写风险大于收益），但**外壳与新增组件
   只用这里的令牌**，保证新长出来的东西是一致的。

   域色只用在四处：侧栏顶部标识条、顶栏域徽标、主按钮、当前菜单项竖条。
   不整片染色 —— 整片染会刺眼、显廉价，而且长时间看会疲劳。
   ========================================================================== */

:root {
  /* ---- 中性色（文字 / 背景 / 边框）---- */
  --text-1: #101828;          /* 标题、正文主色 */
  --text-2: #475467;          /* 次级说明 */
  --text-3: #8b93a3;          /* 占位、辅助 */
  --text-inv: #ffffff;

  --bg-page: #f6f7f9;         /* 页面底色，比纯白柔和 */
  --bg-card: #ffffff;
  --bg-subtle: #f1f3f7;       /* 表头、分组底、hover */
  --bg-hover: #eceff4;

  --line-1: #e4e7ec;          /* 主分隔线 */
  --line-2: #eef0f4;          /* 次级分隔线 */

  /* ---- 语义色（涨跌按中国习惯：涨红跌绿，本项目对账无涨跌，仅用差异语义）---- */
  --ok: #12805c;
  --ok-bg: #e6f5ef;
  --warn: #b54708;
  --warn-bg: #fef3e6;
  --danger: #b42318;
  --danger-bg: #feeceb;
  --info: #175cd3;
  --info-bg: #eef4ff;
  --neutral: #667085;
  --neutral-bg: #f2f4f7;

  /* ---- 域色 ---- */
  --fi: #2563eb;              /* 财务：蓝 */
  --fi-weak: #eff4ff;
  --fi-line: #c7d7fe;

  --as: #0d9488;              /* 售后：青 */
  --as-weak: #e8f7f5;
  --as-line: #b5e3de;

  /* 当前域（由 body[data-module] 覆盖，组件里统一用 --brand） */
  --brand: var(--fi);
  --brand-weak: var(--fi-weak);
  --brand-line: var(--fi-line);

  /* ---- 尺寸 ---- */
  --sidebar-w: 232px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --content-max: 1600px;

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* ---- 间距（8px 栅格）---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ---- 字号 ---- */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;            /* 表格与表单正文：13px 是中文高密度界面的甜点 */
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* ---- 阴影（克制使用，只在浮层）---- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.14);

  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
  /* 数字用等宽：金额列右对齐时不抖动 */
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas,
    "Liberation Mono", monospace;

  --z-drawer: 40;
  --z-modal: 60;
  --z-toast: 80;
}

/* 当前域切换：只改一个属性，所有用 --brand 的组件自动跟着变 */
body[data-module="fi"] {
  --brand: var(--fi);
  --brand-weak: var(--fi-weak);
  --brand-line: var(--fi-line);
}
body[data-module="as"] {
  --brand: var(--as);
  --brand-weak: var(--as-weak);
  --brand-line: var(--as-line);
}