/**
|
* 工业风格主题变量，统一颜色、字体与间距
|
*/
|
$color-primary: #1e3a5f;
|
$color-primary-dark: #0f223a;
|
$color-secondary: #2f4d6f;
|
$color-accent: #1b7fe9;
|
$color-success: #3aa776;
|
$color-warning: #d9852c;
|
$color-danger: #c65243;
|
$color-info: #4f6b86;
|
$color-surface: #0b1a2c;
|
$color-bg-base: #f5f7fa;
|
$color-bg-panel: #ffffff;
|
$color-bg-muted: #e5eaf2;
|
$color-border: #d5dbe6;
|
$color-border-strong: #8a97ad;
|
$color-text-primary: #1b2433;
|
$color-text-secondary: #4c5566;
|
$color-text-muted: #778197;
|
$color-text-invert: #ffffff;
|
|
/**
|
* 字体与排版
|
*/
|
$font-family-base: 'DIN Alternate', 'Roboto', 'Microsoft YaHei', sans-serif;
|
$font-size-xs: 12px;
|
$font-size-sm: 13px;
|
$font-size-base: 14px;
|
$font-size-md: 16px;
|
$font-size-lg: 18px;
|
$font-size-xl: 22px;
|
$line-height-base: 1.4;
|
$letter-spacing-wide: 0.04em;
|
|
/**
|
* 间距与圆角
|
*/
|
$spacing-xxs: 4px;
|
$spacing-xs: 8px;
|
$spacing-sm: 12px;
|
$spacing-md: 16px;
|
$spacing-lg: 20px;
|
$spacing-xl: 28px;
|
$radius-sm: 4px;
|
$radius-md: 8px;
|
$radius-lg: 12px;
|
|
/**
|
* 阴影与描边
|
*/
|
$shadow-card: 0 4px 18px rgba(15, 34, 58, 0.08);
|
$shadow-elevated: 0 10px 30px rgba(11, 26, 44, 0.2);
|
$border-base: 1px solid $color-border;
|
|
/**
|
* 屏幕断点
|
*/
|
$screen-compact: 1366px;
|
$screen-wide: 1760px;
|
|
/**
|
* 组件尺寸
|
*/
|
$control-height-sm: 32px;
|
$control-height-md: 40px;
|
$control-height-lg: 48px;
|
$btn-min-width: 112px;
|
