/* Design Tokens - 商务蓝方案 */
:root {
  --pri: #3b82f6;
  --pri-l: #dbeafe;
  --pri-d: #2563eb;
  --pri-dd: #1e40af;
  --pri-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  --pri-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);

  --acc: #f59e0b;
  --acc-l: #fef3c7;
  --acc-d: #d97706;

  --suc: #10b981;
  --suc-l: #d1fae5;
  --war: #f59e0b;
  --war-l: #fef3c7;
  --dan: #ef4444;
  --dan-l: #fee2e2;
  --info: #0ea5e9;
  --info-l: #e0f2fe;

  --ink: #1f2937;
  --ink-2: #374151;
  --ink-3: #4b5563;
  --gray: #6b7280;
  --gray-l: #9ca3af;

  --bg: #f9fafb;
  --bg-page: #f0f5ff;
  --surface: #ffffff;
  --bd: #e5e7eb;

  --side-bg: linear-gradient(180deg, #1e3a8a 0%, #1e40af 50%, #2563eb 100%);
  --side-hover: rgba(255,255,255,0.12);
  --side-active: rgba(59,130,246,0.25);
  --side-text: #dbeafe;
  --side-text-dim: #93c5fd;

  --shadow-card: 0 2px 8px rgba(59, 130, 246, 0.06);
  --shadow-hover: 0 4px 16px rgba(59, 130, 246, 0.12);
  --shadow-login: 0 20px 60px rgba(30, 64, 175, 0.25);
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.1);

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 14px;
  --r-2xl: 18px;

  --ease: cubic-bezier(0.4,0,0.2,1);
  --dur: 0.15s;
}