/**
 * Ant Design 设计变量系统
 * 基于 Ant Design 4.x 设计规范
 * 文档：https://ant.design/docs/spec/colors-cn
 */

:root {
  /* ==================== 品牌色 ==================== */
  --ant-primary-color: #1890ff;
  --ant-primary-color-hover: #40a9ff;
  --ant-primary-color-active: #096dd9;
  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);

  --ant-success-color: #52c41a;
  --ant-success-color-hover: #73d13d;
  --ant-success-color-active: #389e0d;
  --ant-success-color-outline: rgba(82, 196, 26, 0.2);

  --ant-warning-color: #faad14;
  --ant-warning-color-hover: #ffc53d;
  --ant-warning-color-active: #d48806;
  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);

  --ant-error-color: #f5222d;
  --ant-error-color-hover: #ff4d4f;
  --ant-error-color-active: #cf1322;
  --ant-error-color-outline: rgba(245, 34, 45, 0.2);

  --ant-info-color: #1890ff;
  --ant-info-color-hover: #40a9ff;
  --ant-info-color-active: #096dd9;

  /* ==================== 中性色 ==================== */
  --ant-heading-color: rgba(0, 0, 0, 0.85);
  --ant-text-color: rgba(0, 0, 0, 0.65);
  --ant-text-color-secondary: rgba(0, 0, 0, 0.45);
  --ant-text-color-disabled: rgba(0, 0, 0, 0.25);

  --ant-border-color-base: #d9d9d9;
  --ant-border-color-split: #f0f0f0;

  --ant-background-color-base: #f0f2f5;
  --ant-background-color-light: #fafafa;

  --ant-component-background: #ffffff;
  --ant-body-background: #f0f2f5;

  /* ==================== 布局相关 ==================== */
  --ant-layout-header-background: #001529;
  --ant-layout-header-height: 64px;
  --ant-layout-header-padding: 0 50px;

  --ant-layout-sider-background: #001529;
  --ant-layout-body-background: #f0f2f5;

  /* ==================== 圆角 ==================== */
  --ant-border-radius-base: 2px;
  --ant-border-radius-sm: 2px;
  --ant-border-radius-lg: 4px;

  /* ==================== 阴影 ==================== */
  --ant-shadow-1-up: 0 -2px 8px rgba(0, 0, 0, 0.15);
  --ant-shadow-1-down: 0 2px 8px rgba(0, 0, 0, 0.15);
  --ant-shadow-1-left: -2px 0 8px rgba(0, 0, 0, 0.15);
  --ant-shadow-1-right: 2px 0 8px rgba(0, 0, 0, 0.15);
  --ant-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* ==================== 字体 ==================== */
  --ant-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --ant-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

  --ant-font-size-base: 14px;
  --ant-font-size-lg: 16px;
  --ant-font-size-sm: 12px;

  --ant-heading-1-size: 38px;
  --ant-heading-2-size: 30px;
  --ant-heading-3-size: 24px;
  --ant-heading-4-size: 20px;
  --ant-heading-5-size: 16px;

  --ant-line-height-base: 1.5715;
  --ant-line-height-heading: 1.35;

  /* ==================== 间距 ==================== */
  --ant-padding-lg: 24px;
  --ant-padding-md: 16px;
  --ant-padding-sm: 12px;
  --ant-padding-xs: 8px;
  --ant-padding-xss: 4px;

  --ant-margin-lg: 24px;
  --ant-margin-md: 16px;
  --ant-margin-sm: 12px;
  --ant-margin-xs: 8px;
  --ant-margin-xss: 4px;

  /* ==================== 动画时长 ==================== */
  --ant-animation-duration-slow: 0.3s;
  --ant-animation-duration-base: 0.2s;
  --ant-animation-duration-fast: 0.1s;

  /* ==================== 组件高度 ==================== */
  --ant-height-base: 32px;
  --ant-height-lg: 40px;
  --ant-height-sm: 24px;

  /* ==================== 表单控件 ==================== */
  --ant-input-height-base: 32px;
  --ant-input-height-lg: 40px;
  --ant-input-height-sm: 24px;

  --ant-input-padding-horizontal: 11px;
  --ant-input-padding-horizontal-base: 11px;
  --ant-input-padding-horizontal-sm: 7px;
  --ant-input-padding-horizontal-lg: 11px;

  --ant-input-padding-vertical-base: 4px;
  --ant-input-padding-vertical-sm: 1px;
  --ant-input-padding-vertical-lg: 6px;

  /* ==================== 按钮 ==================== */
  --ant-btn-height-base: 32px;
  --ant-btn-height-lg: 40px;
  --ant-btn-height-sm: 24px;

  --ant-btn-padding-horizontal-base: 15px;
  --ant-btn-padding-horizontal-lg: 15px;
  --ant-btn-padding-horizontal-sm: 7px;

  /* ==================== 表格 ==================== */
  --ant-table-header-bg: #fafafa;
  --ant-table-header-color: var(--ant-heading-color);
  --ant-table-body-bg: #ffffff;
  --ant-table-row-hover-bg: #fafafa;
  --ant-table-padding-vertical: 16px;
  --ant-table-padding-horizontal: 16px;

  /* ==================== 卡片 ==================== */
  --ant-card-head-height: 48px;
  --ant-card-head-padding: 16px;
  --ant-card-head-padding-sm: 12px;
  --ant-card-padding-base: 24px;
  --ant-card-padding-base-sm: 12px;
  --ant-card-head-background: transparent;
  --ant-card-actions-background: #fafafa;

  /* ==================== 标签 ==================== */
  --ant-tag-height: 22px;
  --ant-tag-line-height: 20px;
  --ant-tag-padding-horizontal: 7px;

  /* ==================== 消息提示 ==================== */
  --ant-message-notice-content-padding: 10px 16px;

  /* ==================== 徽标数 ==================== */
  --ant-badge-height: 20px;
  --ant-badge-dot-size: 6px;

  /* ==================== 其他 ==================== */
  --ant-disabled-color: rgba(0, 0, 0, 0.25);
  --ant-disabled-bg: #f5f5f5;
  --ant-link-color: var(--ant-primary-color);
  --ant-link-hover-color: var(--ant-primary-color-hover);
  --ant-link-active-color: var(--ant-primary-color-active);
}