:root:root {
	// Color Palette
	--nut-black: #000;
	--nut-white: #fff;
	--nut-gray-1: #f7f8fa;
	--nut-gray-2: #f2f3f5;
	--nut-gray-3: #ebedf0;
	--nut-gray-4: #dcdee0;
	--nut-gray-5: #c8c9cc;
	--nut-gray-6: #969799;
	--nut-gray-7: #646566;
	--nut-gray-8: #323233;
	--nut-red: #ee0a24;
	--nut-blue: #1989fa;
	--nut-orange: #ff976a;
	--nut-orange-dark: #ed6a0c;
	--nut-orange-light: #fffbe8;
	--nut-green: #07c160;
	
	--mp-green: #1ea69a;
	--mp-green-light: #f3f9f8;
	--mp-orange: #fe862f;
	--mp-blue: #7ba7ff;
	--mp-black: rgba(0, 0, 0, 0.85);
	--mp-white: #FFFFFF;
	--mp-gray-1: #f7f8fa;
	--mp-gray-2: #f2f3f5;
	--mp-gray-3: #ebedf0;
	--mp-gray-4: #dcdee0;
	--mp-gray-5: #c8c9cc;
	--mp-gray-6: #969799;
	--mp-gray-7: #6D6D6D;
	--mp-gray-8: rgba(0, 0, 0, 0.25);
	--mp-gray-9: rgba(0, 0, 0, 0.45);
	--mp-gray-10: rgba(0, 0, 0, 0.65);
	
	--mp-primary-background: #f3f9f8;
	
	// Gradient Colors
	--nut-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
	--nut-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
	
	// Component Colors
	--nut-primary-color: var(--mp-green);
	--nut-success-color: var(--mp-green);
	--nut-danger-color: var(--nut-red);
	--nut-warning-color: var(--mp-orange);
	--nut-info-color: var(--mp-blue);
	--nut-text-color: var(--mp-black);
	--nut-text-color-2: var(--nut-gray-6);
	--nut-text-color-3: var(--nut-gray-5);
	--nut-active-color: var(--nut-gray-2);
	--nut-active-opacity: 0.6;
	--nut-disabled-opacity: 0.5;
	--nut-background: var(--nut-gray-1);
	--nut-background-2: var(--nut-white);
	
	// Padding
	--nut-padding-base: 4px;
	--nut-padding-xs: 8px;
	--nut-padding-sm: 12px;
	--nut-padding-md: 16px;
	--nut-padding-lg: 24px;
	--nut-padding-xl: 32px;
	
	// Font
	--nut-font-size-xs: 10px;
	--nut-font-size-sm: 12px;
	--nut-font-size-md: 14px;
	--nut-font-size-lg: 16px;
	--nut-font-bold: 600;
	--nut-line-height-xs: 14px;
	--nut-line-height-sm: 18px;
	--nut-line-height-md: 20px;
	--nut-line-height-lg: 22px;
	--nut-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
	Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
	sans-serif;
	--nut-price-font: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
	
	// Animation
	--nut-duration-base: 0.3s;
	--nut-duration-fast: 0.2s;
	--nut-ease-out: ease-out;
	--nut-ease-in: ease-in;
	
	// Border
	--nut-border-color: var(--nut-gray-3);
	--nut-border-width: 1px;
	--nut-radius-sm: 2px;
	--nut-radius-md: 4px;
	--nut-radius-lg: 8px;
	--nut-radius-max: 999px;
	
	//Search
	--nut-search-content-background: var(--mp-primary-background);
	--nut-search-left-icon-color: var(--nut-primary-color);
	
}