.page-view[data-theme='white'] {
	--theme: $theme;
	--title: $black;
	--subtitle: $grey;
	--line: $gray;
	--h1: 36rpx;
	--h2: 32rpx;
	--h3: 28rpx;
	--h4: 24rpx;
}

.page-view[data-theme='black'] {
	--theme: $theme;
	--title: $white;
	--subtitle: $grey;
	--line: $gray;
	--h1: 36rpx;
	--h2: 32rpx;
	--h3: 28rpx;
	--h4: 24rpx;
}

.theme { color: $theme; }
.white { color: $white; }

.bold { font-weight: bold; }
.fixed-t {
	position: fixed;
	width: 100%;
	z-index: 995;
}

.u-btn--default {
	background: linear-gradient(to bottom, lighten($theme, 18), $theme);
	color: #fff;
	border-color: $theme !important;
}
.u-default-hover {
	color: $theme !important;
	background-color: lighten($theme, 34) !important;
	border-color: $theme !important;
}
.u-checkbox__icon-wrap--checked {
	background-color: $theme !important;
	border-color: $theme !important;
}

.shadow {
	position: relative;
	box-shadow: 0 4rpx 16rpx 0 rgba($grey, 0.2), 0 4rpx 40rpx 0 rgba($grey, 0.19);
}