/* tokens.css — 人才发展系统 UI 令牌（Flowith 式精致化升级）
 * 主色由蓝收向靛蓝(indigo)，更高级；阴影分层近零偏移（漂浮感）；玻璃材质；16px 卡片圆角。
 * 业务语义色保留（PRD 07 §3.4）。仅定义 CSS 变量。
 */
:root {
  /* 主色映射为单色深灰（Flowith 极简风；靛蓝仅保留在 dot-grid 交互高亮） */
  --primary-700: #1F2937;
  --primary-600: #374151;
  --primary-500: #4B5563;
  --primary-400: #6B7280;
  --primary-300: #9CA3AF;
  --primary-50:  #F3F4F6;

  /* 中性色 */
  --ink-900: #0F172A;
  --ink-800: #1E293B;
  --ink-700: #334155;
  --ink-600: #475569;
  --ink-500: #64748B;
  --ink-400: #94A3B8;
  --ink-300: #CBD5E1;
  --ink-200: #E2E8F0;
  --ink-100: #F1F5F9;
  --ink-50:  #F8FAFC;
  --white:   #FFFFFF;
  /* 兼容旧引用 */
  --neutral-900:#0F172A; --neutral-700:#334155; --neutral-600:#475569; --neutral-400:#94A3B8;
  --neutral-200:#E2E8F0; --neutral-100:#F1F5F9; --neutral-50:#F8FAFC;

  /* 状态色（语义） */
  --success: #10B981;
  --warning: #F59E0B;
  --danger:  #EF4444;
  --info:    #0EA5E9;

  /* 业务语义色（固定） */
  --biz-hipo:   #6366F1;
  --biz-core:   #10B981;
  --biz-fit:    #475569;
  --biz-risk:   #EF4444;
  --biz-keypos: #F59E0B;

  /* 图表系列 */
  --chart-1:#6366F1; --chart-2:#10B981; --chart-3:#F59E0B; --chart-4:#EF4444;
  --chart-5:#0EA5E9; --chart-6:#8B5CF6; --chart-7:#14B8A6; --chart-8:#EC4899;

  /* 字体 */
  --font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --fs-h1:20px; --lh-h1:28px; --fs-h2:16px; --lh-h2:24px; --fs-h3:14px; --lh-h3:22px;
  --fs-body:14px; --lh-body:22px; --fs-aux:13px; --lh-aux:20px; --fs-tag:12px; --lh-tag:18px; --fs-num:30px;

  /* 间距 */
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px;

  /* 圆角 */
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-card:16px; --r-lg:18px; --r-pill:999px;

  /* 玻璃材质 */
  --glass-bg: rgba(255,255,255,.66);
  --glass-bg-strong: rgba(255,255,255,.82);
  --glass-blur: saturate(1.5) blur(20px);

  /* 阴影（分层 · 近零偏移 · 漂浮感） */
  --shadow-1: 0 1px 2px rgba(15,23,42,.04), 0 6px 16px rgba(15,23,42,.06);
  --shadow-2: 0 2px 6px rgba(15,23,42,.05), 0 18px 44px rgba(15,23,42,.12);
  --shadow-float: 0 12px 40px rgba(15,23,42,.16);
  --shadow-node: var(--shadow-1);
  --shadow-md: var(--shadow-2);
  --shadow-sm: 0 1px 2px rgba(15,23,42,.05);
  --shadow-lg: var(--shadow-float);
  --ring: 0 0 0 1px var(--primary-400), 0 0 0 4px rgba(15,23,42,.12);

  /* motion 时长令牌（MOTION-SPEC §2） */
  --dur-instant:100ms; --dur-fast:200ms; --dur-base:300ms; --dur-slow:440ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --spring: cubic-bezier(0.34, 1.4, 0.64, 1);

  color-scheme: light;
}