/* 主题色变量定义 */
:root {
  /* 主主题色 - 默认红色 */
  --primary-color: #82202d;/* 主色 */
  --primary-color-hover: #a00b1e;/* 悬停色 */
  --primary-color-light: #d4142a;/* 浅色 */
  --primary-color-dark: #312829; /* 深色 */
  --primary-color-fontColor: #fff; /* 字体颜色 */
  --primary-color-shadow: 0 4px 15px rgba(184, 13, 34, 0.3); /* 阴影 */
  --primary-color-insetShadow: inset 3px 0 0 #b80d22; /* 阴影 */
  
  /* 辅助色 */
  --secondary-color: #faf7f5;
  --accent-color: #009688;
  
  /* 文字颜色 */
  --text-primary: #000;
  --text-secondary: #505050;
  --text-muted: #999;
  
  /* 背景色 */
  --bg-primary: #fff;
  --bg-secondary: #faf7f5;
  --bg-light: #f8f9fa;
  
  /* 边框色 */
  --border-color: #e2e2e2;
  --border-light: #f0f0f0;
  
  /* 状态色 */
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --info-color: #17a2b8;
}

/* 主题色预设 */
[data-theme="blue"] {
  --primary-color: #007bff;
  --primary-color-hover: #0056b3;
  --primary-color-light: #3391ff;
  --primary-color-dark: #004085;
  --primary-color-insetShadow: inset 3px 0 0 #007bff; /* 阴影 */
}

[data-theme="green"] {
  --primary-color: #28a745;
  --primary-color-hover: #1e7e34;
  --primary-color-light: #34ce57;
  --primary-color-dark: #1c7430;
}

[data-theme="purple"] {
  --primary-color: #6f42c1;
  --primary-color-hover: #5a2d91;
  --primary-color-light: #8a63d2;
  --primary-color-dark: #4e2d7c;
}

[data-theme="orange"] {
  --primary-color: #fd7e14;
  --primary-color-hover: #e55a00;
  --primary-color-light: #ff9a3c;
  --primary-color-dark: #c45a00;
}

[data-theme="teal"] {
  --primary-color: #20c997;
  --primary-color-hover: #1a9f7a;
  --primary-color-light: #2dd4a8;
  --primary-color-dark: #158a66;
}

[data-theme="pink"] {
  --primary-color: #e83e8c;
  --primary-color-hover: #c71f6b;
  --primary-color-light: #ec5a9d;
  --primary-color-dark: #a01a4f;
}

[data-theme="indigo"] {
  --primary-color: #6610f2;
  --primary-color-hover: #520dc2;
  --primary-color-light: #7c3aed;
  --primary-color-dark: #4c1d95;
}

[data-theme="cyan"] {
  --primary-color: #17a2b8;
  --primary-color-hover: #117a8b;
  --primary-color-light: #1fc5dd;
  --primary-color-dark: #0f6674;
}