这个网站的素材内容涉及了多个颜色代码，这些代码主要用于网站设计中的颜色设定。具体来说，它们包含以下颜色值：
--html-body-size- 设置HTML页面的主体大小。
--body-bg-color- 设置页面背景色。
--color-price- 设置产品价格的颜色。
--color-red- 设置红色文字的颜色。
--color-yellow- 设置黄色文字的颜色。
--color-blue- 设置蓝色文字的颜色。
--color-green- 设置绿色文字的颜色。
--color-main- 设置主体颜色的主要部分（默认为黑色）。
--color-main-light- 设置主体颜色的主要部分在浅色背景下的显示效果。
--color-main-hover- 设置主体颜色主要部分在鼠标悬停时的显示效果。
--color-secondary- 设置次要颜色的文字颜色。
--border-radius-sm- 设置小圆角边框的半径。
--border-radius- 设置大圆角边框的半径。
--border-radius-lg- 设置大圆角边框的半径。
--box-shadow- 设置盒子阴影效果的宽度、高度和模糊度。
这些颜色值可以用于网页开发中的CSS样式设置，以实现丰富的视觉设计和交互效果。例如，通过调整不同的颜色代码，可以改变按钮的颜色、文本框的背景色等，以适应不同的设计需求。
