// ================================================
// 设计Token - 根据设计规范定义
// ================================================

// 颜色规范 / Color
// ================================================

// Primary 蓝色系
$primary-1: #eaf0fc;
$primary-2: #ccdaf8;
$primary-3: #a4bcf3;
$primary-4: #7a9ded;
$primary-5: #5280e8;
$primary-6: #2c64e3;
$primary-7: #2555c1;
$primary-8: #1f47a1;
$primary-9: #193981;
$primary-10: #142d68;

// Success 绿色系
$success-1: #e9f8f1;
$success-2: #c9efdc;
$success-3: #9fe3c1;
$success-4: #72d6a4;
$success-5: #47ca89;
$success-6: #1fbe6f;
$success-7: #1aa25e;
$success-8: #16874f;
$success-9: #126c3f;
$success-10: #0e5532;

// Warning 橙色系
$warning-1: #fff2e6;
$warning-2: #ffe0c2;
$warning-3: #ffc891;
$warning-4: #ffe5ae;
$warning-5: #fe952e;
$warning-6: #fe7e00;
$warning-7: #d86b00;
$warning-8: #b45900;
$warning-9: #914800;
$warning-10: #723900;

// Error 红色系
$error-1: #feebed;
$error-2: #fdcfcd;
$error-3: #fba0a5;
$error-4: #f9807b;
$error-5: #f85a53;
$error-6: #f6362d;
$error-7: #d12e26;
$error-8: #af2620;
$error-9: #8c1f1a;
$error-10: #6f1b14;

// Secondary 灰色系
$secondary-1: #e6e7ee;
$secondary-2: #c2c6d6;
$secondary-3: #9095b5;
$secondary-4: #608895;
$secondary-5: #303b74;
$secondary-6: #021056;
$secondary-7: #020e49;
$secondary-8: #010b3d;
$secondary-9: #010931;
$secondary-10: #010727;

// 语义化颜色映射
$color-primary: $primary-6; // #2c64e3
$color-primary-light: $primary-4; // #7a9ded
$color-primary-dark: $primary-8; // #1f47a1

$color-success: $success-6; // #1fbe6f
$color-success-light: $success-4; // #72d6a4
$color-success-dark: $success-8; // #16874f

$color-warning: $warning-6; // #fe7e00
$color-warning-light: $warning-4; // #ffe5ae
$color-warning-dark: $warning-8; // #b45900

$color-error: $error-6; // #f6362d
$color-error-light: $error-4; // #f9807b
$color-error-dark: $error-8; // #af2620

$color-text-primary: $secondary-10; // #010727
$color-text-secondary: $secondary-7; // #020e49
$color-text-disabled: $secondary-5; // #303b74

$color-background: #ffffff;
$color-background-light: $secondary-1; // #e6e7ee
$color-background-dark: $secondary-2; // #c2c6d6

$color-border: $secondary-4; // #608895
$color-border-light: $secondary-3; // #9095b5

// 文字规范 / Typography
// ================================================

// 字体族
$font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;

// b4 级别 - 主标题
$font-size-b4: 32px;
$font-weight-b4-medium: 500;
$font-weight-b4-regular: 400;
$line-height-b4: 38px;

// h1 级别 - 大标题
$font-size-h1: 28px;
$font-weight-h1-medium: 500;
$font-weight-h1-regular: 400;
$line-height-h1: 34px;

// h2 级别 - 中标题
$font-size-h2: 24px;
$font-weight-h2-bold: 700;
$font-weight-h2-medium: 500;
$font-weight-h2-regular: 400;
$line-height-h2: 28px;

// h3 级别 - 小标题
$font-size-h3: 20px;
$font-weight-h3-bold: 700;
$font-weight-h3-medium: 500;
$font-weight-h3-regular: 400;
$line-height-h3: 24px;

// h4 级别 - 副标题
$font-size-h4: 16px;
$font-weight-h4-bold: 700;
$font-weight-h4-medium: 500;
$font-weight-h4-regular: 400;
$line-height-h4: 20px;

// h5 级别 - 正文大
$font-size-h5: 14px;
$font-weight-h5-bold: 700;
$font-weight-h5-medium: 500;
$font-weight-h5-regular: 400;
$line-height-h5: 16px;

// h6 级别 - 正文
$font-size-h6: 13px;
$font-weight-h6-medium: 500;
$font-weight-h6-regular: 400;
$line-height-h6: 16px;

// h7 级别 - 正文小
$font-size-h7: 12px;
$font-weight-h7-medium: 500;
$font-weight-h7-regular: 400;
$line-height-h7: 14px;

// h8 级别 - 辅助文字
$font-size-h8: 11px;
$font-weight-h8-medium: 500;
$font-weight-h8-regular: 400;
$line-height-h8: 12px;

// h9 级别 - 小号文字
$font-size-h9: 10px;
$font-weight-h9-regular: 400;
$line-height-h9: 12px;

// 语义化字体样式
$typography-display-large: (
  font-size: $font-size-b4,
  font-weight: $font-weight-b4-medium,
  line-height: $line-height-b4,
  font-family: $font-family,
);

$typography-display: (
  font-size: $font-size-h1,
  font-weight: $font-weight-h1-medium,
  line-height: $line-height-h1,
  font-family: $font-family,
);

$typography-title-large: (
  font-size: $font-size-h2,
  font-weight: $font-weight-h2-bold,
  line-height: $line-height-h2,
  font-family: $font-family,
);

$typography-title: (
  font-size: $font-size-h3,
  font-weight: $font-weight-h3-medium,
  line-height: $line-height-h3,
  font-family: $font-family,
);

$typography-body-large: (
  font-size: $font-size-h4,
  font-weight: $font-weight-h4-regular,
  line-height: $line-height-h4,
  font-family: $font-family,
);

$typography-body: (
  font-size: $font-size-h5,
  font-weight: $font-weight-h5-regular,
  line-height: $line-height-h5,
  font-family: $font-family,
);

$typography-body-small: (
  font-size: $font-size-h6,
  font-weight: $font-weight-h6-regular,
  line-height: $line-height-h6,
  font-family: $font-family,
);

$typography-caption: (
  font-size: $font-size-h7,
  font-weight: $font-weight-h7-regular,
  line-height: $line-height-h7,
  font-family: $font-family,
);

$typography-overline: (
  font-size: $font-size-h8,
  font-weight: $font-weight-h8-medium,
  line-height: $line-height-h8,
  font-family: $font-family,
);

// 间距规范 / Spacing
// ================================================
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;
$spacing-xxxl: 32px;

// 圆角规范 / Border Radius
// ================================================
$border-radius-xs: 2px;
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;
$border-radius-round: 50%;

// 阴影规范 / Box Shadow
// ================================================
$box-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
$box-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
$box-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
$box-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
$box-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

// 业务专用颜色 / Business Colors
// ================================================
$color-payment-primary: $primary-6; // 支付主色 #2196F3
$color-payment-success: $success-6; // 支付成功 #4CAF50
$color-amount-highlight: $secondary-10; // 金额高亮 #212121
$color-status-active: $success-6; // 激活状态 #4CAF50
$color-status-inactive: $secondary-5; // 非激活状态 #BDBDBD

:root {
  --rv-cell-value-color: #020e49 !important;
  --rv-cell-label-color: #303b74 !important;
  --rv-popup-close-icon-color: #020e49 !important;
}