/**
 * 鑫三利系统 - CSS设计变量
 * 基于《产品原型样式规范.md》
 */

:root {
  /* ========== 颜色体系 ========== */
  /* 主品牌色 */
  --color-primary: #1890ff;
  --color-primary-hover: #40a9ff;
  --color-primary-active: #096dd9;

  /* 成功色 */
  --color-success: #52c41a;

  /* 次要色 */
  --color-secondary: #f5f7fa;
  --color-secondary-hover: #e6f7ff;

  /* 背景色 */
  --color-bg: #ffffff;
  --color-bg-sidebar: #ffffff;
  --color-bg-table-header: #f0f0f0;
  --color-bg-hover: #f5f5f5;
  --color-bg-selected: #eaf2fe;

  /* 边框色 */
  --color-border: #d9d9d9;
  --color-border-focus: #00508e;
  --color-border-light: #dbe4f0;

  /* 文字色 */
  --color-text: #000000;
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-hint: #999999;
  --color-text-disabled: #cccccc;

  /* 状态色 */
  --color-error: #f5222d;
  --color-warning: #faad14;

  /* ========== 字体系统 ========== */
  --font-family: 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif;
  --font-size-page-title: 16px;
  --font-size-base: 14px;
  --font-size-small: 12px;
  --font-size-large: 16px;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --line-height: 1.5;

  /* ========== 间距系统 ========== */
  --spacing-base: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* ========== 尺寸 ========== */
  --sidebar-width: 200px;
  --sidebar-collapsed-width: 80px;
  --header-height: 56px;
  --input-height: 32px;
  --button-height: 32px;
  --table-row-height: 48px;
  --menu-item-height: 36px;
  --logo-height: 103px;

  /* ========== 圆角 ========== */
  --radius-base: 2px;
  --radius-sm: 2px;
  --radius-lg: 4px;
  --radius-none: 0;

  /* ========== 阴影 ========== */
  --shadow-button: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-table-row: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-modal: 0 8px 24px rgba(0, 0, 0, 0.2);

  /* ========== 过渡 ========== */
  --transition-base: all 0.3s ease;
  --transition-fast: all 0.15s ease;

  /* ========== 层级 ========== */
  --z-sidebar: 100;
  --z-header: 90;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-tooltip: 400;

  /* ========== 表单 ========== */
  --form-label-width: 80px;
  --form-item-gap: 16px;
}