/**
 * ONE-OS 车辆管理 / 中后台列表页 — 设计令牌
 * 与 web端/车辆管理.jsx 规范一致，可供其他运维模块复用
 */
:root {
  /* Brand */
  --vm-color-primary: #2563eb;
  --vm-color-primary-hover: #1d4ed8;
  --vm-color-primary-light: #eff6ff;
  --vm-color-primary-border: #bfdbfe;
  --vm-color-primary-shadow: rgba(37, 99, 235, 0.45);

  /* Semantic */
  --vm-color-success: #10b981;
  --vm-color-success-bg: #ecfdf5;
  --vm-color-success-text: #047857;
  --vm-color-warning: #f59e0b;
  --vm-color-error: #ef4444;
  --vm-color-error-bg: #fef2f2;
  --vm-color-error-border: #fecaca;

  /* Neutral */
  --vm-color-bg-page: #f8fafc;
  --vm-color-bg-page-alt: #f1f5f9;
  --vm-color-bg-card: #ffffff;
  --vm-color-bg-muted: #f8fafc;
  --vm-color-bg-hover: #f1f5f9;
  --vm-color-border: #e2e8f0;
  --vm-color-border-light: #f1f5f9;
  --vm-color-text: #0f172a;
  --vm-color-text-secondary: #475569;
  --vm-color-text-muted: #64748b;
  --vm-color-text-placeholder: #94a3b8;

  /* Typography */
  --vm-font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --vm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --vm-font-size-xs: 12px;
  --vm-font-size-sm: 13px;
  --vm-font-size-base: 14px;
  --vm-font-size-md: 15px;
  --vm-font-size-lg: 16px;
  --vm-font-size-xl: 22px;
  --vm-font-weight-medium: 500;
  --vm-font-weight-semibold: 600;
  --vm-font-weight-bold: 700;
  --vm-font-weight-extrabold: 800;
  --vm-line-height-tight: 1.35;
  --vm-line-height-normal: 1.5;
  --vm-line-height-relaxed: 1.65;

  /* Spacing */
  --vm-space-1: 4px;
  --vm-space-2: 8px;
  --vm-space-3: 12px;
  --vm-space-4: 16px;
  --vm-space-5: 20px;
  --vm-space-6: 24px;
  --vm-space-8: 32px;

  /* Radius */
  --vm-radius-sm: 6px;
  --vm-radius-md: 8px;
  --vm-radius-lg: 10px;
  --vm-radius-xl: 12px;
  --vm-radius-2xl: 16px;
  --vm-radius-pill: 999px;

  /* Shadow */
  --vm-shadow-card: 0 4px 20px -4px rgba(15, 23, 42, 0.04);
  --vm-shadow-card-hover: 0 8px 28px -6px rgba(15, 23, 42, 0.08);
  --vm-shadow-btn-primary: 0 2px 8px -2px var(--vm-color-primary-shadow);

  /* Layout */
  --vm-page-padding-x: 24px;
  --vm-page-padding-y: 24px;
  --vm-page-padding-bottom: 32px;
  --vm-filter-label-width: 88px;
  --vm-filter-columns: 4;
  --vm-table-toolbar-search-width: 240px;
  --vm-action-btn-min-height: 32px;
  --vm-action-more-size: 32px;
  --vm-kv-label-width: 100px;

  /* Motion */
  --vm-duration-fast: 150ms;
  --vm-duration-normal: 200ms;
  --vm-ease-default: ease;

  /* Z-index */
  --vm-z-dropdown: 1050;
  --vm-z-modal: 1100;
}
