// SCSS 變數定義

// 顏色系統
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;

// 文字顏色
$text-color-primary: #303133;
$text-color-regular: #606266;
$text-color-secondary: #909399;
$text-color-placeholder: #c0c4cc;

// 背景顏色
$bg-color-page: #f2f3f5;
$bg-color: #ffffff;
$bg-color-light: #fafafa;

// 邊框顏色
$border-color: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;

// 字體
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
$font-size-extra-large: 20px;
$font-size-large: 18px;
$font-size-medium: 16px;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-extra-small: 12px;

// 行高
$line-height-base: 1.5;

// 間距
$spacing-base: 4px;
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;

// 邊框半徑
$border-radius-base: 4px;
$border-radius-small: 2px;
$border-radius-round: 20px;
$border-radius-circle: 50%;

// 陰影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);
$box-shadow-dark: 0 4px 20px 0 rgba(0, 0, 0, .15);

// z-index 層級
$z-index-normal: 1;
$z-index-top: 1000;
$z-index-popper: 2000;
$z-index-modal: 3000;

// 斷點
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1920px;

// 動畫持續時間
$transition-duration-fast: 0.2s;
$transition-duration-base: 0.3s;
$transition-duration-slow: 0.5s;

// 動畫緩動函數
$ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
$ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
$ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);

// 組件特定顏色
$header-bg: #fff;
$sidebar-bg: #304156;
$sidebar-text-color: #bfcbd9;
$sidebar-active-color: #409eff;

// 狀態顏色映射
$status-colors: (
  'PENDING': #909399,
  'PROCESSING': #409eff,
  'COMPLETED': #67c23a,
  'FAILED': #f56c6c,
  'RETRY': #e6a23c
);

// 檔案類型圖示顏色
$file-type-colors: (
  'docx': #2b579a,
  'doc': #2b579a,
  'pptx': #d24726,
  'ppt': #d24726,
  'xlsx': #207245,
  'xls': #207245,
  'pdf': #ff0000
);