/* S04 统一设计令牌
   取值与 S04设计规范、员工管理工作台保持一致；所有页面必须最先引入本文件。 */
:root {
  /* 主色 / 强调色 */
  --primary: #0E5A5E;
  --primary-hover: #0B4A4D;
  --primary-press: #08383B;
  --primary-tint: #E7EFEF;
  --primary-tint-2: #F2F7F7;
  --primary-line: #CFE2E2;

  --accent: #BE7338;
  --accent-hover: #A9642F;
  --accent-tint: #F8EEE5;

  /* 中性灰 8 档 */
  --n0: #FFFFFF;
  --n1: #F7F8F8;
  --n2: #EFF1F2;
  --n3: #E2E6E8;
  --n4: #C9D0D3;
  --n5: #9AA5AA;
  --n6: #66737A;
  --n7: #2A3338;

  /* 语义化文本色 */
  --ink: #1A2126;
  --ink-2: #3C464C;
  --ink-3: #6B767C;
  --bg: #F4F5F5;

  /* 状态色：成功 / 警告 / 危险 / 信息 */
  --success: #25704B;
  --success-tint: #E6F1EB;
  --success-line: #CFE5D8;
  --warning: #9A6B13;
  --warning-tint: #FBF2DE;
  --warning-line: #EFDFB9;
  --danger: #A93A33;
  --danger-tint: #F9E9E7;
  --danger-line: #EFD3CF;
  --info: #2A5F8A;
  --info-tint: #E8F0F7;
  --info-line: #D3E3F0;

  /* 字号阶梯 */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-28: 28px;

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

  /* 圆角 */
  --r-1: 3px;
  --r-2: 4px;
  --r-3: 6px;
  --r-4: 10px;
  --r-pill: 999px;

  /* 阴影 */
  --sh-1: 0 1px 2px rgba(22, 32, 36, .06);
  --sh-2: 0 4px 12px rgba(22, 32, 36, .08);
  --sh-3: 0 18px 44px rgba(16, 24, 28, .20);

  /* 过渡 */
  --t-fast: 120ms cubic-bezier(.2, .8, .3, 1);
  --t-base: 180ms cubic-bezier(.2, .8, .3, 1);

  /* 字体 */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", sans-serif;
  --font-mono: "SF Mono", "Cascadia Mono", "Consolas", "Roboto Mono", "DejaVu Sans Mono", monospace;

  /* 遮罩与焦点 */
  --overlay: rgba(16, 24, 28, .42);
  --overlay-strong: rgba(16, 24, 28, .88);
  --focus-ring: 0 0 0 3px rgba(14, 90, 94, .14);
}