@import 'common/var';
@import 'mixins/var';
@import 'common/app-common';

view,
image,
text,
navigator,
form {
	box-sizing: border-box;
}

:root,
page {
	@include set-css-var-value('color-white', $color-white);
	@include set-css-var-value('color-black', $color-black);

	// Typography
	@include set-component-css-var('font-size', $font-size);
}

:root,
page {
	height: 100vh;
	color-scheme: light;

	// --uni-color-#{$type}
	// --uni-color-#{$type}-light-{$i}
	@each $type in $types {
		@include set-css-color-type($colors, $type);
	}
	// --uni-text-color-#{$type}
	@include set-component-css-var('text-color', $text-color);
}

// .uni-primary / .uni-bg-primary
@each $type in $types {
	@include set-css-color-class($colors, $type);
}

// .p-10 .m-10
@include set-padding-margin-size-class();

.container {
	height: 100%;
	box-sizing: border-box;
	background-color: #f1f1f6;
	color: #000;
	font-size: 28rpx;
	font-family: Source Han Sans CN;
}