mtsd/sqxp-wx/styles/variables.scss

// ============================================
// 陇耘鲜达小程序 - 全局样式变量
// ============================================

$brand-primary: #07c160;
$brand-gradient: linear-gradient(135deg, #07c160 0%, #05a050 100%);
$brand-light: #e8f8ef;

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

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

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

$primary-color: #07c160;
$accent-green: #05a050;

$success-color: #07c160;
$warning-color: #07c160;
$danger-color: #07c160;
$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;