// 雄戈小酒 - 商务蓝白主题（深蓝 Logo + 商务蓝交互）
$brand-navy: #0A2463;
$brand-navy-light: #1E3A8A;
$brand-primary: #1677FF;
$brand-primary-light: #E6F4FF;
$brand-primary-dark: #0958D9;
$brand-primary-gradient: linear-gradient(90deg, #1677FF, #4096FF);
$brand-gold: #1677FF;
$brand-gold-light: #E6F4FF;
$brand-gold-gradient: linear-gradient(90deg, #1677FF, #4096FF);
$brand-header-gradient: linear-gradient(180deg, #0A2463 0%, #1E3A8A 55%, #F5F7FA 100%);
$brand-text-on-primary: #FFFFFF;
$brand-price: #FF4D4F;
$brand-text: #1F2937;
$brand-text-muted: #6B7280;
$brand-border: #E5E7EB;
$brand-page-bg: #F5F7FA;
$brand-card-radius: 12rpx;
$brand-shadow: 0 4rpx 24rpx rgba(10, 36, 99, 0.06);
$brand-tabbar-bg: #FFFFFF;
$brand-tabbar-active: #1677FF;
$brand-tabbar-active-accent: #1677FF;
$brand-tabbar-inactive: #BBBBBB;
$brand-page-gutter: 24rpx;
$brand-section-gap: 24rpx;
$brand-card-bg: #FFFFFF;

// E-Final 首页专区配色（ui-ux-pro-max Soft UI + 电商绿）
$zone-bg-start: #ECFDF5;
$zone-bg-end: #F5F7FA;
$zone-bg: linear-gradient(165deg, $zone-bg-start 0%, #F0FDF4 48%, $zone-bg-end 100%);
$zone-elevation-sm: 0 4rpx 16rpx rgba(15, 23, 42, 0.06);
$zone-elevation-md: 0 10rpx 28rpx rgba(15, 23, 42, 0.1);
$zone-green-start: #10B981;
$zone-green-end: #047857;
$zone-green-grad: linear-gradient(152deg, $zone-green-start 0%, $zone-green-end 100%);
$zone-orange-start: #F59E0B;
$zone-orange-end: #C2410C;
$zone-orange-grad: linear-gradient(152deg, $zone-orange-start 0%, $zone-orange-end 100%);
$zone-blue-start: #3B82F6;
$zone-blue-end: #1D4ED8;
$zone-blue-grad: linear-gradient(152deg, $zone-blue-start 0%, $zone-blue-end 100%);
$zone-purple-start: #8B5CF6;
$zone-purple-end: #6D28D9;
$zone-purple-grad: linear-gradient(152deg, $zone-purple-start 0%, $zone-purple-end 100%);
$zone-gold: #D97706;
$home-header-bg: #FFFFFF;
$home-accent: #059669;
$home-accent-light: #D1FAE5;
$home-icon-bg-green: #D1FAE5;
$home-icon-color-green: #059669;
$home-icon-bg-orange: #FFEDD5;
$home-icon-color-orange: #EA580C;
$home-icon-bg-blue: #DBEAFE;
$home-icon-color-blue: #1677FF;
$home-icon-bg-purple: #EDE9FE;
$home-icon-color-purple: #7C3AED;
$home-icon-bg-gold: #FEF3C7;
$home-icon-color-gold: #D97706;

@mixin brand-card {
	background: $brand-card-bg;
	border-radius: $brand-card-radius;
	box-shadow: $brand-shadow;
}

@mixin brand-btn-gold {
	background: $brand-primary-gradient;
	color: #FFFFFF;
	border-radius: $brand-card-radius;
}

@mixin brand-btn-primary {
	background: $brand-primary;
	color: #FFFFFF;
	border-radius: $brand-card-radius;
}

.brand-page {
	min-height: 100%;
	background: $brand-page-bg;
}

.brand-card {
	@include brand-card;
}

.brand-btn-gold {
	@include brand-btn-gold;
}

.brand-btn-primary {
	@include brand-btn-primary;
}

.brand-price-text {
	color: $brand-price;
}

.brand-section-gap {
	margin-bottom: $brand-section-gap;
}

.brand-page-content {
	padding: 0 $brand-page-gutter;
	box-sizing: border-box;
}