/* =====================================================================
   阮黛 ERP · 设计语言 v0.1  ——  设计令牌 (Design Tokens)
   理念：克制、留白、层次清晰、微交互流畅。一次定义，全项目复用。
   用法：所有组件只引用 var(--xxx)，永不写死颜色/间距/圆角。
   ===================================================================== */
:root {
  /* ---------- 中性色阶 (略冷的灰，承载界面 90% 的面积) ---------- */
  --gray-0:  #ffffff;
  --gray-25: #fcfcfd;
  --gray-50: #f7f8fa;
  --gray-100:#eef0f4;
  --gray-200:#e3e6ec;
  --gray-300:#cdd2dc;
  --gray-400:#9aa1b1;
  --gray-500:#6b7280;
  --gray-600:#4b5263;
  --gray-700:#363c4a;
  --gray-800:#232834;
  --gray-900:#161a22;
  --ink:     #11141b;   /* 主文字 */

  /* ---------- 品牌强调色 (indigo，单一可换；只点缀，不铺面) ---------- */
  --brand-50: #eef0ff;
  --brand-100:#dfe2ff;
  --brand-200:#c2c7ff;
  --brand-400:#7c83f5;
  --brand-500:#5b5bd6;   /* 主强调 */
  --brand-600:#4d4ec2;
  --brand-700:#3f40a3;
  --brand-grad: linear-gradient(135deg, #6366f1 0%, #5b5bd6 60%, #4f46e5 100%);

  /* ---------- 语义色 ---------- */
  --success:#16a34a; --success-bg:#e9f7ef;
  --warning:#d97706; --warning-bg:#fdf3e3;
  --danger: #dc2626; --danger-bg:#fdecec;
  --info:   #2563eb; --info-bg:#e8f0fe;

  /* ---------- 排版 (Inter，已在项目中) ---------- */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px;
  --fs-18:18px; --fs-22:22px; --fs-28:28px; --fs-34:34px;
  --fw-regular:430; --fw-medium:520; --fw-semibold:610; --fw-bold:700;
  --lh-tight:1.2; --lh-base:1.5;

  /* ---------- 间距 (8px 网格) ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;

  /* ---------- 圆角 ---------- */
  --r-sm:6px; --r-md:9px; --r-lg:12px; --r-xl:16px; --r-pill:999px;

  /* ---------- 阴影 (柔和分层，不死黑) ---------- */
  --sh-xs: 0 1px 2px rgba(22,26,34,.05);
  --sh-sm: 0 1px 3px rgba(22,26,34,.06), 0 1px 2px rgba(22,26,34,.04);
  --sh-md: 0 4px 12px rgba(22,26,34,.07), 0 2px 4px rgba(22,26,34,.04);
  --sh-lg: 0 12px 32px rgba(22,26,34,.10), 0 4px 8px rgba(22,26,34,.05);
  --sh-brand: 0 6px 18px rgba(91,91,214,.28);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.4,0,.2,1);
  --t-fast:120ms; --t-base:180ms; --t-slow:280ms;

  /* ---------- 布局尺寸 ---------- */
  --sidebar-w:240px; --topbar-h:60px;
}
