/* =============================================================
   POC 管理系统 · 设计令牌 (Design Tokens)
   单一事实来源：配色 / 排版 / 间距 / 圆角 / 阴影 / 动效
   ============================================================= */

:root {
  /* ---- 品牌主色阶（飞书蓝 #3370FF） ---- */
  --brand-50: #eef3ff;
  --brand-100: #d8e5ff;
  --brand-200: #b4ccff;
  --brand-300: #85abff;
  --brand-400: #5b89ff;
  --brand-500: #4076ff;
  --brand-600: #3370ff;  /* 主色 · 飞书蓝 */
  --brand-700: #2860e0;
  --brand-800: #2050bb;
  --brand-900: #1c4291;
  --brand-rgb: 51, 112, 255;
  --brand-gradient: linear-gradient(135deg, #4884ff 0%, #3370ff 52%, #2a63ec 100%);

  /* ---- 中性灰阶 (略带冷调) ---- */
  --gray-0: #ffffff;
  --gray-25: #fbfcfe;
  --gray-50: #f6f8fb;
  --gray-75: #f1f4f9;
  --gray-100: #e9edf4;
  --gray-150: #dfe4ee;
  --gray-200: #d3dae6;
  --gray-300: #b9c2d4;
  --gray-400: #97a2b8;
  --gray-500: #6b7689;
  --gray-600: #515b6e;
  --gray-700: #3b4456;
  --gray-800: #272e3d;
  --gray-900: #161b27;

  /* ---- 语义色 ---- */
  --success-50: #e7f8ec;
  --success-500: #16a34a;
  --success-600: #138a3f;
  --warning-50: #fff4e5;
  --warning-500: #f08c00;
  --warning-600: #d97706;
  --danger-50: #fdecec;
  --danger-500: #e5484d;
  --danger-600: #c93b40;
  --info-50: #e8f2ff;
  --info-500: #2f80ed;

  /* 里程碑目标专属色 */
  --goal-exec: #3370ff;     /* 高管价值（飞书蓝） */
  --goal-adopt: #f59210;    /* 用户活跃采纳 */
  --goal-it: #1aac4b;       /* IT 可行性 */
  --goal-fixed: #7a5af8;    /* 固定价值 */
  --goal-special: #11a6a0;  /* 定制专项 */

  /* ---- 表面 / 文本 / 边框 语义令牌 ---- */
  --bg-app: #f7f8fc;
  --bg-canvas: var(--gray-50);
  --surface: var(--gray-0);
  --surface-raised: var(--gray-0);
  --surface-sunken: var(--gray-50);
  --surface-hover: var(--gray-50);
  --surface-active: var(--brand-50);

  --text-strong: var(--gray-900);
  --text: var(--gray-800);
  --text-muted: var(--gray-500);
  --text-faint: var(--gray-400);
  --text-on-brand: #ffffff;
  --text-link: var(--brand-600);

  --border: #e6e9f1;          /* 淡雅 hairline */
  --border-strong: #d6dbe6;
  --border-faint: #eef1f7;

  /* ---- 排版 ---- */
  --font-sans: "PingFang SC", "Source Han Sans SC", "Noto Sans SC", "Inter", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, monospace;

  --fs-display: 30px;  --lh-display: 38px;
  --fs-h1: 23px;       --lh-h1: 31px;
  --fs-h2: 18px;       --lh-h2: 26px;
  --fs-h3: 16px;       --lh-h3: 24px;
  --fs-base: 14px;     --lh-base: 22px;
  --fs-sm: 13px;       --lh-sm: 20px;
  --fs-xs: 12px;       --lh-xs: 18px;
  --fs-2xs: 11px;      --lh-2xs: 16px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- 间距尺度 (4px 基准) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;

  /* ---- 圆角 ---- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 20px;
  --r-full: 999px;

  /* ---- 阴影 (冷调、极薄、分层) ---- */
  --shadow-xs: 0 1px 2px rgba(28, 46, 92, 0.05);
  --shadow-sm: 0 1px 3px rgba(28, 46, 92, 0.06), 0 1px 2px rgba(28, 46, 92, 0.04);
  --shadow-md: 0 4px 14px rgba(28, 46, 92, 0.08), 0 1px 3px rgba(28, 46, 92, 0.05);
  --shadow-lg: 0 14px 34px rgba(28, 46, 92, 0.12), 0 3px 8px rgba(28, 46, 92, 0.06);
  --shadow-xl: 0 30px 64px rgba(28, 46, 92, 0.18), 0 8px 18px rgba(28, 46, 92, 0.08);
  --ring-brand: 0 0 0 3px rgba(var(--brand-rgb), 0.18);
  --ring-danger: 0 0 0 3px rgba(229, 72, 77, 0.16);

  /* ---- 布局尺寸 ---- */
  --sidebar-w: 248px;
  --topbar-h: 76px;
  --content-max: 1480px;
  --content-pad-x: 32px;

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-slow: 360ms;

  /* ---- 层级 ---- */
  --z-base: 1;
  --z-sticky: 100;
  --z-sidebar: 200;
  --z-popover: 600;
  --z-overlay: 1000;
  --z-toast: 1200;
}