//color
@color-bg: #efefef;
@color-dark-bg: #3e3e3e;
@color-black: #000;
@color-white: #fff;
@color-brand: #0967b2;
@color-other1: #d2b167;
@color-gray: #3e3e3e;
@color-light-gray: #959595;

//font
@font-h1: 40pt;
@font-h2: 20pt;
@font-h3: 18pt;
@font-title: 17pt;
@font-primary: 14pt;
@font-secondary: 13pt;
@font-tertiary: 11pt;
@font-quaternary: 10pt;
@font-label: 8pt;

// spacing
@spacing-view: 36rpx;
@spacing-item: 24rpx;
@spacing-inline: 12rpx;

@spacing-text: 12rpx;
@spacing-short-text: 4rpx;

@padding-quaternary: 12rpx;

//icon size
@icon-min-size: 16rpx;
@icon-little-small-size: 24rpx;
@icon-small-size: 32rpx;
@icon-middle-size: 48rpx;
@icon-big-size: 60rpx;
@icon-large-size: 72rpx;

//height
@btnFooter-height: 160rpx;
@descFooter-height: 100rpx;
@btnFooterWithProtocol-height: 200rpx;

@radius: 5px;
@radius-big: 10px;

@visual-width: 750rpx - @spacing-item * 2;