:root {
    --primary-color: #409EFF;  /* 修车帮橙色 - 专业、可信赖 */
    --primary-hover: #36cfc9;
    --secondary-color: #004E89; /* 深蓝色 - 稳重、专业 */
    --accent-color: #F7B801;   /* 金黄色 - 提示、重点 */
    --bg-color: #f4f5f7;
    --content-bg: #fff;
    --text-color: #333;
    --text-light: #666;
    --text-muted: #999;
    --border-color: #eee;
    --header-height: 60px;
    --container-width: 1200px;
    
    /* 辅助色系 */
    --success-color: #06D6A0;  /* 成功状态 */
    --warning-color: #F7B801;
    --error-color: #f5222d;
    --info-color: #004E89;
    --tag-blue: #E3F2FD;
    --tag-green: #E8F5E9;
    --tag-orange: #FFF3E0;
    --tag-red: #FFEBEE;
    
    /* 阴影系统 (Elevation) */
    --shadow-level-1: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 卡片默认 */
    --shadow-level-2: 0 8px 24px 0 rgba(0, 0, 0, 0.1);  /* 悬停/浮起 */
    --shadow-level-3: 0 16px 48px 0 rgba(0, 0, 0, 0.15); /* 弹窗 */
    
    /* 圆角 */
    --radius-base: 8px;
    --radius-lg: 12px;
}

body.dark {
    --bg-color: #1a1a1a;
    --content-bg: #2d2d2d;
    --text-color: #ccc;
    --text-light: #aaa;
    --text-muted: #888;
    --border-color: #444;
    
    /* 深色模式阴影调整 */
    --shadow-level-1: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
    --shadow-level-2: 0 8px 24px 0 rgba(0, 0, 0, 0.4);
    --shadow-level-3: 0 16px 48px 0 rgba(0, 0, 0, 0.5);
}