shanxia2.0/miniprogram/styles/variables.scss

// ============================================
// 山峡化工小程序 - 全局样式变量
// 视觉规范见 docs/miniprogram-ui-spec-sanqiang.md
// ============================================

$brand-primary: #0a9f6d;
$brand-gradient: linear-gradient(135deg, #0a9f6d 0%, #087f57 100%);
$brand-light: #e9f9f2;

$client-primary: $brand-primary;
$client-gradient: $brand-gradient;
$client-light: $brand-light;

$supplier-primary: #ff976a;
$supplier-gradient: linear-gradient(135deg, #ff976a 0%, #ff4444 100%);
$supplier-light: #fff7e8;

$deliverer-primary: #ee0a24;
$deliverer-gradient: linear-gradient(135deg, #ee0a24 0%, #ff976a 100%);
$deliverer-light: #fff1f0;

$primary-color: $brand-primary;
$accent-green: #087f57;

$success-color: #0a9f6d;
$warning-color: #d6a343;
$danger-color: #ee0a24;
$info-color: #909399;

$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #c0c4cc;

$border-color: #e4e7ed;
$border-light: #f5f7fa;
$divider-color: #ebeef5;

$bg-white: #ffffff;
$bg-gray-100: #f5f7fa;
$bg-gray-200: #ebeef5;
$bg-gray-300: #e4e7ed;

$radius-small: 8rpx;
$radius-medium: 12rpx;
$radius-large: 16rpx;
$radius-round: 999rpx;

$spacing-xs: 10rpx;
$spacing-sm: 16rpx;
$spacing-md: 20rpx;
$spacing-lg: 24rpx;
$spacing-xl: 32rpx;

$font-size-xs: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-md: 30rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;

$shadow-light: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
$shadow-medium: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
$shadow-heavy: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);

$transition-fast: 0.15s ease;
$transition-normal: 0.25s ease;
$transition-slow: 0.4s ease;

$z-index-dropdown: 100;
$z-index-sticky: 200;
$z-index-fixed: 300;
$z-index-modal: 400;
$z-index-popover: 500;
$z-index-toast: 600;