/* 主题相关样式 */

/* ===== 默认全局样式 ===== */
:root {
  --primary-color: #333333;			/* 主色 */
  --primary-hover: #333333;			/* 悬停色 */
  --title-primary: #000000;			/* 标题颜色 */
  --text-primary: #383838;			/* 主要文字 */
  --text-secondary: #7F7B7A;		/* 次要文字 */
  --border-color: #CCCCCC;			/* 边框色 */
  --bg-hover: #F4F4F4;				/* 悬停背景 */
  --bg-light: #f0f2f5;				/* 浅背景 */
  
  --bg-color1: linear-gradient( 180deg, #F2EFFD 0%, #FFFFFF 100%);			/* 背景色 */
  --bg-color2: linear-gradient( 180deg, #FBEBE1 0%, #FFFFFF 100%);			/* 背景色 */
  --header-bg: #FFFFFF;				/* 页头色 */
  --footer-bg: #383838 ;			/* 页脚色 */
  
  --shadow-md: 0px 0px 4px 1px rgba(0,0,0,0.16);
  --radius: 6px;                  /* 圆角基数 */
}

/* 蓝色 主题色 */
[data-theme="blue"] {
	--primary-color: #2984FF;		/* 主色 */
	--primary-hover: #2984FF;		/* 悬停色 */
	--title-primary: #211816;		/* 标题颜色 */
	--text-primary: #383838;		/* 主要文字 */
	--text-secondary: #7F7B7A;		/* 次要文字 */
	--border-color: #CCCCCC;		/* 边框色 */
	--bg-hover: #F4F4F4;			/* 悬停背景 */
	--bg-light: #f0f2f5;			/* 浅背景 */
	
	--bg-color1: linear-gradient( 90deg, #76A2FF 0%, #D1E0FF 100%);			/* 背景色 */
	--bg-color2: linear-gradient( 180deg, #D1E0FF 0%, #FFFFFF 100%);		/* 背景色 */
	--bg-color3: linear-gradient( 46deg, #0064FF 0%, #4582FF 100%);			/* 背景色 */
	--car-tit-bg: linear-gradient( 47deg, #0064FF 0%, #4582FF 100%);		/* 卡片头部背景色 */
	/* --btn-bg1: linear-gradient( 90deg, #00D26E 0%, #5BDC8C 100%); */ 	/* 按钮背景色 */
	
	--header-bg: linear-gradient( 90deg, #76A2FF 0%, #D1E0FF 100%);			/* 页头色 */
	--footer-bg: linear-gradient( 90deg, #0064FF 0%, #4582FF 100%);			/* 页脚色 */

	--shadow-md: 0px 0px 4px 1px rgba(0,0,0,0.16);
	--radius: 6px;                  /* 圆角基数 */
}

/* 绿色 主题色 */
[data-theme="green"] {
  --primary-color: #5FCF77;			/* 主色 */
  --primary-hover: #5FCF77;			/* 悬停色 */
  --title-primary: #211816;			/* 标题颜色 */
  --text-primary: #383838;			/* 主要文字 */
  --text-secondary: #7F7B7A;		/* 次要文字 */
  --border-color: #CCCCCC;			/* 边框色 */
  --bg-hover: #F4F4F4;				/* 悬停背景 */
  --bg-light: #baf1d8;				/* 浅背景 */
  
  --bg-color1: linear-gradient( 90deg, #00D26E 0%, #DAF6E3 100%);			/* 背景色 */
  --bg-color2: linear-gradient( 180deg, #DAF6E3 0%, #FFFFFF 100%);			/* 背景色 */
  --bg-color3: linear-gradient( 46deg, #469A58 0%, #57BD6D 100%);			/* 背景色 */
  --car-tit-bg: linear-gradient( 47deg, #3D804B 0%, #5FCFC4 100%);				/* 卡片头部背景色 */
  --btn-bg1: linear-gradient( 90deg, #00D26E 0%, #5BDC8C 100%); 				/* 按钮背景色 */
  
  --header-bg: linear-gradient( 90deg, #76A2FF 0%, #D1E0FF 100%);			/* 页头色 */
  --footer-bg: linear-gradient( 90deg, #469A58 0%, #00D26E 100%);			/* 页脚色 */
  
  --shadow-md: 0px 0px 4px 1px rgba(0,0,0,0.16);
  --radius: 6px;
}

/* 紫色 主题色 */
[data-theme="violet"] {
  --primary-color: #692FCA;			/* 主色 */
  --primary-hover: #692FCA;			/* 悬停色 */
  --title-primary: #211816;			/* 标题颜色 */
  --text-primary: #383838;			/* 主要文字 */
  --text-secondary: #7F7B7A;		/* 次要文字 */
  --border-color: #CCCCCC;			/* 边框色 */
  --bg-hover: #F4F4F4;				/* 悬停背景 */
  --bg-light: #E1D5F4;				/* 浅背景 */
  
  --bg-color1: linear-gradient( 90deg, #8759D5 0%, #E1D5F4 100%);			/* 背景色 */
  --bg-color2: linear-gradient( 180deg, #E1D5F4 0%, #FFFFFF 100%);			/* 背景色 */
  --bg-color3: linear-gradient( 46deg, #692FCA 0%, #A359EA 100%);			/* 背景色 */
  --car-tit-bg: linear-gradient( 47deg, #692FCA 0%, #A359EA 100%);				/* 卡片头部背景色 */
  --btn-bg1: linear-gradient( 90deg, #692FCA 0%, #9F20F6 100%); 				/* 按钮背景色 */
  
  --header-bg: linear-gradient( 90deg, #76A2FF 0%, #D1E0FF 100%);			/* 页头色 */
  --footer-bg: linear-gradient( 90deg, #692FCA 0%, #9F20F6 100%);			/* 页脚色 */
  
  --shadow-md: 0px 0px 4px 1px rgba(0,0,0,0.16);
  --radius: 6px;
}

/* 橙色 主题色 */
[data-theme="orange"] {
  --primary-color: #FFA500;			/* 主色 */
  --primary-hover: #FFA500;			/* 悬停色 */
  --title-primary: #211816;			/* 标题颜色 */
  --text-primary: #383838;			/* 主要文字 */
  --text-secondary: #7F7B7A;		/* 次要文字 */
  --border-color: #CCCCCC;			/* 边框色 */
  --bg-hover: #F4F4F4;				/* 悬停背景 */
  --bg-light: #FFEDD5;				/* 浅背景 */
  
  --bg-color1: linear-gradient( 90deg, #FFA500 0%, #FFEDD5 100%);			/* 背景色 */
  --bg-color2: linear-gradient( 180deg, #FFEDD5 0%, #FFFFFF 100%);			/* 背景色 */
  --bg-color3: linear-gradient( 46deg, #FFA500 0%, #FFB74F 100%);			/* 背景色 */
  --car-tit-bg: linear-gradient( 47deg, #FFA500 0%, #FFB74F 100%);				/* 卡片头部背景色 */
  --btn-bg1: linear-gradient( 90deg, #FFA500 0%, #FFB74F 100%); 				/* 按钮背景色 */
  
  --header-bg: linear-gradient( 90deg, #76A2FF 0%, #D1E0FF 100%);			/* 页头色 */
  --footer-bg: linear-gradient( 90deg, #FFA500 0%, #FFB74F 100%);			/* 页脚色 */
  
  --shadow-md: 0px 0px 4px 1px rgba(0,0,0,0.16);
  --radius: 6px;
}