/* ============================================================
   FleetFlow · 设计变量（Design Tokens）
   专业、现代、企业级物流 SaaS 视觉体系
   ============================================================ */
:root {
  /* —— 品牌与功能色 —— */
  --ff-primary: #2563eb;
  --ff-primary-dark: #1d4ed8;
  --ff-primary-rgb: 37, 99, 235;
  --ff-primary-soft: #eaf1fe;
  --ff-success: #16a34a;
  --ff-success-soft: #dcfce7;
  --ff-warning: #d97706;
  --ff-warning-soft: #fef3c7;
  --ff-danger: #dc2626;
  --ff-danger-soft: #fee2e2;
  --ff-info: #0891b2;
  --ff-info-soft: #cffafe;

  /* —— 中性色 —— */
  --ff-bg: #f4f6fa;
  --ff-card: #ffffff;
  --ff-border: #e5e9f0;
  --ff-text: #1f2937;
  --ff-text-secondary: #4b5563;
  --ff-muted: #6b7280;
  --ff-faint: #9ca3af;

  /* —— 侧边栏 —— */
  --ff-sidebar-bg: #0e1726;
  --ff-sidebar-border: #1c2940;
  --ff-sidebar-text: #8fa1b8;
  --ff-sidebar-active-bg: rgba(37, 99, 235, 0.18);
  --ff-sidebar-active-text: #ffffff;
  --ff-sidebar-w: 236px;

  /* —— 顶栏 —— */
  --ff-topbar-h: 56px;

  /* —— 圆角与阴影 —— */
  --ff-radius: 10px;
  --ff-radius-sm: 6px;
  --ff-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 3px rgba(16, 24, 40, 0.06);
  --ff-shadow-lg: 0 8px 24px rgba(16, 24, 40, 0.14);

  /* —— 字体 —— */
  --ff-font: "Segoe UI", "PingFang SC", "Microsoft YaHei", -apple-system,
    BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-mono: Consolas, "Courier New", monospace;
}