/**
 * uni-app 全局样式变量 - 模拟所APP
 */

/* 主题色 */
$primary-color: #00D4AA;
$primary-color-light: #00E6B8;
$primary-color-dark: #00B894;

/* 状态色 */
$success-color: #00C853;
$warning-color: #FF9800;
$error-color: #FF5252;
$info-color: #2196F3;

/* 深色主题 */
$bg-color-dark: #1A1A2E;
$bg-color-card: #16213E;
$text-color: #FFFFFF;
$text-color-secondary: rgba(255, 255, 255, 0.6);
$text-color-placeholder: rgba(255, 255, 255, 0.3);
$border-color: rgba(255, 255, 255, 0.1);

/* 涨跌色 */
$up-color: #00C853;
$down-color: #FF5252;

/* 字体大小 */
$font-size-xs: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-md: 30rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;
$font-size-xxl: 48rpx;

/* 间距 */
$spacing-xs: 8rpx;
$spacing-sm: 16rpx;
$spacing-base: 24rpx;
$spacing-md: 32rpx;
$spacing-lg: 48rpx;
$spacing-xl: 64rpx;

/* 圆角 */
$border-radius-sm: 8rpx;
$border-radius-base: 12rpx;
$border-radius-lg: 20rpx;
$border-radius-xl: 24rpx;
$border-radius-round: 999rpx;

/* 阴影 */
$box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.3);
$box-shadow-lg: 0 4rpx 24rpx rgba(0, 0, 0, 0.4);