:root {
    /* @group colors */
    --color-primary: #73c4b8; /* 主色 */
    --color-primary-strong: #4e9f94; /* 深主色 */
    --color-primary-soft: #eaf7f5; /* 浅主色 */
    --color-page: #f3f4f2; /* 页面背景 */
    --color-surface: #ffffff; /* 内容表面 */
    --color-surface-raised: #ffffff; /* 浮层表面 */
    --color-surface-muted: #f5f6f5; /* 弱化表面 */
    --color-text: #1f2321; /* 正文颜色 */
    --color-text-secondary: #6d746f; /* 次要文字 */
    --color-text-muted: #9aa09c; /* 弱化文字 */
    --color-border: #e6e9e7; /* 边框颜色 */
    --color-border-strong: #d8dcda; /* 强边框颜色 */
    --color-overlay: rgba(12, 17, 15, 0.78); /* 遮罩颜色 */
    --color-danger: #c95555; /* 危险颜色 */

    /* @group borderRadius */
    --radius-sm: 6px; /* 小圆角 */
    --radius-md: 10px; /* 中圆角 */
    --radius-lg: 16px; /* 大圆角 */

    /* @group shadows */
    --shadow-float: 0 18px 50px rgba(28, 45, 39, 0.12); /* 浮层阴影 */
    --shadow-menu: 0 8px 28px rgba(24, 35, 31, 0.16); /* 菜单阴影 */
}