// =============================================================
// 云泽统一主题 · 冷调科技蓝（蓝白高级）
// 品牌主色 #2563eb，浅蓝 #60a5fa，深蓝 #1d4ed8
// 背景冷灰白 #f8fafc，卡片纯白，柔和多层阴影，克制留白
// =============================================================

// 品牌色
$color-primary: #2563eb;
$color-primary-dark: #1d4ed8;
$color-primary-light: #60a5fa;
$color-primary-bg: #eff6ff;

// 背景与卡片
$color-bg-page: #f8fafc;
$color-card: #ffffff;

// 文字
$color-text: #0f172a;
$color-text-secondary: #475569;
$color-text-muted: #94a3b8;

// 线条
$color-border: #e2e8f0;
$color-divider: #f1f5f9;

// 语义色
$color-success: #10b981;
$color-warning: #f59e0b;
$color-danger: #ef4444;

// 阴影（多层柔和，营造轻盈悬浮的高级感）
$shadow-card: 0 1rpx 3rpx rgba(15, 23, 42, 0.04), 0 8rpx 24rpx rgba(37, 99, 235, 0.06);
$shadow-float: 0 2rpx 8rpx rgba(15, 23, 42, 0.06), 0 14rpx 34rpx rgba(37, 99, 235, 0.12);
$shadow-header: 0 1rpx 2rpx rgba(15, 23, 42, 0.03);

// 圆角
$radius-sm: 10rpx;
$radius-md: 16rpx;
$radius-lg: 24rpx;
$radius-full: 999rpx;

// 间距
$page-padding-x: 32rpx;

// Hero 渐变（登录页 / 工作台头部共用）
$hero-gradient: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);