@import 'uview-plus/theme.scss';
@import '@/static/styles/theme.scss';

/* 颜色变量 - 使用CSS变量支持主题切换 */

/* 行为相关颜色 */
$u-primary: var(--theme-primary);
$u-primary-dark: var(--theme-primary-dark);
$u-success: var(--theme-success);
$u-warning: var(--theme-warning);
$u-error: var(--theme-error);

/* 文字基本颜色 */
$u-main-color: var(--theme-main-color);
$u-content-color: var(--theme-content-color);
$u-tips-color: var(--theme-tips-color);
$u-light-color: var(--theme-light-color);
$u-disabled-color: var(--theme-disabled-color);

/* 背景颜色 */
$u-bg-color: var(--theme-bg-color);

/* 边框颜色 */
$u-border-color: var(--theme-border-color);

/* 尺寸变量 */

/* 文字尺寸 */
$u-font-sm: 24rpx;
$u-font-base: 28rpx;
$u-font-lg: 32rpx;

/* 图片尺寸 */
$u-img-sm: 40rpx;
$u-img-base: 52rpx;
$u-img-lg: 80rpx;

/* Border Radius */
$u-border-radius-sm: 4rpx;
$u-border-radius-base: 6rpx;
$u-border-radius-lg: 12rpx;
$u-border-radius-circle: 50%;

/* 水平间距 */
$u-spacing-row-sm: 10rpx;
$u-spacing-row-base: 20rpx;
$u-spacing-row-lg: 30rpx;

/* 垂直间距 */
$u-spacing-col-sm: 8rpx;
$u-spacing-col-base: 16rpx;
$u-spacing-col-lg: 24px;

/* 透明度 */
$u-opacity-disabled: 0.3;