@import url(../fonts/iconfont/common/iconfont.css?ver=4);
@import url(../fonts/iconfont/small/iconfont.css?ver=4);
@import url(../fonts/iconfont/sns/iconfont.css?ver=4);
@import url(../fonts/iconfont/customer/iconfont.css?ver=4);

/* 主色调（鲜亮蓝紫色系，时尚且高级） */
:root {
  /* 主色：鲜亮紫蓝色，体现高档感 */
  --primary: #6666FF; /* 亮紫蓝 */
  --primary-light: #8585E4; /* 主色亮调 */
  --primary-dark: #5555D4; /* 主色暗调 */
  
  /* 辅助色：鲜亮对比色，用于强调和功能区分 */
  --success: #10b981; /* 鲜亮绿（成功） */
  --warning: #f59e0b; /* 亮橙（警告） */
  --danger: #ef4444; /* 亮红（危险） */
  --info: #3b82f6; /* 亮蓝（信息） */
  
  /* 中性色：保证内容清晰可读 */
  --text-primary: #000000; /* 深灰黑（主文本） */
  --text-secondary: #64748b; /* 中灰（次要文本） */
  --text-tertiary: #94a3b8; /* 浅灰（ tertiary文本） */
  
  /* 背景色 */
  --bg-primary: #ffffff; /* 白色（主背景） */
  --bg-secondary: #f8fafc; /* 极浅灰（次要背景） */
  --bg-tertiary: #e2e8f0; /* 浅灰（分割/卡片背景） */
  
  /* 边框色 */
  --border-primary: #D6D6D6; /* 浅灰边框 */
  --border-secondary: #A0A08C; /* 中灰边框 */
  
  /* 交互状态色 */
  --hover-primary: #7c3aed; /* 主色悬停（深紫调） */
  --active-primary: #5b21b6; /* 主色激活（暗紫） */
  --hover-success: #059669; /* 成功色悬停 */
  --hover-warning: #d97706; /* 警告色悬停 */
  --hover-danger: #dc2626; /* 危险色悬停 */
  --hover-info: #2563eb; /* 信息色悬停 */
  
  /* 特殊元素色 */
  --disabled: #cbd5e1; /* 禁用状态色 */
  --placeholder: #94a3b8; /* 占位符文本色 */
  --shadow: rgba(99, 102, 241, 0.1); /* 阴影色（主色透明调） */
	
	--sub-primary:#796BAF;
}