/**
 * 全球营销日历 - 颜色变量定义
 * 
 * 此文件定义了整个应用程序使用的颜色变量
 * 遵循BEM命名约定和CSS变量管理主题
 */

:root {
  /* 主要颜色 */
  --primary-color: #1a73e8;
  --primary-color-dark: #1557b0;
  --primary-color-light: #d2e3fc; /* 新增：主色调的浅色版本，用于次要元素和悬停效果 */
  --secondary-color: #f5f5f5;     /* 调整：略微深一点的背景色，减少视觉疲劳 */
  --secondary-color-dark: #202124;
  --accent-color: #fbbc04;
  --accent-color-dark: #f29900;
  --accent-color-light: #feefc3;  /* 新增：强调色的浅色版本 */
  
  /* 辅助色 - 新增 */
  --auxiliary-color: #34a853;     /* 新增：绿色作为辅助色，用于特殊日期或重要事件 */
  --auxiliary-color-light: #d7f0e0; /* 新增：辅助色的浅色版本 */
  
  /* 状态颜色 */
  --success-color: #34a853;
  --warning-color: #fbbc04;
  --error-color: #ea4335;
  
  /* 中性色调 */
  --text-dark: #202124;
  --text-secondary: #5f6368;
  --text-light: #ffffff;
  --border-color: #dadce0;
  --border-color-dark: #3c4043;
  --hover-color: #f1f3f4;
  --hover-color-dark: #3c4043;
  --disabled-color: #9aa0a6;
  
  /* 卡片和容器背景 - 新增 */
  --card-background: #ffffff;     /* 新增：卡片背景色，与页面背景形成对比 */
  --container-background: #fafafa; /* 新增：容器背景色，介于卡片和页面背景之间 */
  
  /* 事件类型颜色 */
  --solar-term-color: #1a73e8;
  --gregorian-color: #ea4335;
  --lunar-color: #34a853;
  --international-color: #4285f4;
  --memorial-color: #9c27b0;
  --award-color: #ff7043;
  --movie-color: #00bcd4;
  --important-color: #d500f9;
  --exhibition-color: #795548;
  --brand-color: #006064;
  
  /* 阴影 */
  --shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  --shadow-md: 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  --shadow-lg: 0 4px 8px 3px rgba(60, 64, 67, 0.15), 0 1px 4px 2px rgba(60, 64, 67, 0.3);
  
  /* 过渡效果 */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;
}

/* 深色模式 */
@media (prefers-color-scheme: dark) {
  :root {
    --primary-color: var(--primary-color-dark);
    --primary-color-light: #143a72; /* 深色模式下的主色调浅色版本 */
    --secondary-color: var(--secondary-color-dark);
    --accent-color-light: #614700; /* 深色模式下的强调色浅色版本 */
    --auxiliary-color-light: #143a1f; /* 深色模式下的辅助色浅色版本 */
    --text-dark: var(--text-light);
    --text-light: var(--text-dark);
    --border-color: var(--border-color-dark);
    --hover-color: var(--hover-color-dark);
    --card-background: #2d2e30; /* 深色模式下的卡片背景 */
    --container-background: #202124; /* 深色模式下的容器背景 */
  }
}

/* 打印模式 */
@media print {
  :root {
    --primary-color: #000000;
    --secondary-color: #ffffff;
    --text-dark: #000000;
    --text-light: #000000;
    --border-color: #000000;
    --hover-color: #ffffff;
    --disabled-color: #666666;
  }
}

/* 颜色工具类 */
.text-primary { color: var(--primary-color); }
.text-secondary { color: var(--text-secondary); }
.text-accent { color: var(--accent-color); }
.text-success { color: var(--success-color); }
.text-warning { color: var(--warning-color); }
.text-error { color: var(--error-color); }
.text-dark { color: var(--text-dark); }
.text-light { color: var(--text-light); }
.text-auxiliary { color: var(--auxiliary-color); } /* 新增：辅助色文本 */

.bg-primary { background-color: var(--primary-color); }
.bg-primary-light { background-color: var(--primary-color-light); } /* 新增：主色调浅色背景 */
.bg-secondary { background-color: var(--secondary-color); }
.bg-accent { background-color: var(--accent-color); }
.bg-accent-light { background-color: var(--accent-color-light); } /* 新增：强调色浅色背景 */
.bg-success { background-color: var(--success-color); }
.bg-warning { background-color: var(--warning-color); }
.bg-error { background-color: var(--error-color); }
.bg-dark { background-color: var(--text-dark); }
.bg-light { background-color: var(--text-light); }
.bg-auxiliary { background-color: var(--auxiliary-color); } /* 新增：辅助色背景 */
.bg-auxiliary-light { background-color: var(--auxiliary-color-light); } /* 新增：辅助色浅色背景 */
.bg-card { background-color: var(--card-background); } /* 新增：卡片背景 */
.bg-container { background-color: var(--container-background); } /* 新增：容器背景 */

/* 事件类型颜色工具类 */
.text-solar-term { color: var(--solar-term-color); }
.text-gregorian { color: var(--gregorian-color); }
.text-lunar { color: var(--lunar-color); }
.text-international { color: var(--international-color); }
.text-memorial { color: var(--memorial-color); }
.text-award { color: var(--award-color); }
.text-movie { color: var(--movie-color); }
.text-important { color: var(--important-color); }
.text-exhibition { color: var(--exhibition-color); }
.text-brand { color: var(--brand-color); }

.bg-solar-term { background-color: var(--solar-term-color); }
.bg-gregorian { background-color: var(--gregorian-color); }
.bg-lunar { background-color: var(--lunar-color); }
.bg-international { background-color: var(--international-color); }
.bg-memorial { background-color: var(--memorial-color); }
.bg-award { background-color: var(--award-color); }
.bg-movie { background-color: var(--movie-color); }
.bg-important { background-color: var(--important-color); }
.bg-exhibition { background-color: var(--exhibition-color); }
.bg-brand { background-color: var(--brand-color); }

/* 边框颜色工具类 */
.border-primary { border-color: var(--primary-color); }
.border-primary-light { border-color: var(--primary-color-light); } /* 新增：主色调浅色边框 */
.border-secondary { border-color: var(--secondary-color); }
.border-accent { border-color: var(--accent-color); }
.border-accent-light { border-color: var(--accent-color-light); } /* 新增：强调色浅色边框 */
.border-success { border-color: var(--success-color); }
.border-warning { border-color: var(--warning-color); }
.border-error { border-color: var(--error-color); }
.border-dark { border-color: var(--text-dark); }
.border-light { border-color: var(--text-light); }
.border-auxiliary { border-color: var(--auxiliary-color); } /* 新增：辅助色边框 */
.border-auxiliary-light { border-color: var(--auxiliary-color-light); } /* 新增：辅助色浅色边框 */

/* 深色模式 */
body.theme-dark {
  /* 主要颜色 */
  --primary-color: #4285f4;
  --primary-color-light: #143a72; /* 深色模式下的主色调浅色版本 */
  --secondary-color: #202124;
  --accent-color: #f29900;
  --accent-color-light: #614700; /* 深色模式下的强调色浅色版本 */
  --auxiliary-color: #34a853; /* 辅助色保持不变 */
  --auxiliary-color-light: #143a1f; /* 深色模式下的辅助色浅色版本 */
  
  /* 中性色调 */
  --text-dark: #e8eaed;
  --text-secondary: #9aa0a6;
  --text-light: #202124;
  --border-color: #3c4043;
  --hover-color: #3c4043;
  --card-background: #2d2e30; /* 深色模式下的卡片背景 */
  --container-background: #202124; /* 深色模式下的容器背景 */
  
  /* 阴影 */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 4px 2px rgba(0, 0, 0, 0.3);
  
  /* 事件类型颜色 - 深色模式下调整亮度 */
  --solar-term-color: #4285f4;
  --gregorian-color: #ea4335;
  --lunar-color: #34a853;
  --international-color: #4285f4;
  --memorial-color: #b455d0;
  --award-color: #ff8a65;
  --movie-color: #26c6da;
  --important-color: #e040fb;
  --exhibition-color: #8d6e63;
  --brand-color: #00838f;
}

/* 浅色模式 */
body.theme-light {
  /* 主要颜色 */
  --primary-color: #1a73e8;
  --primary-color-light: #d2e3fc; /* 主色调浅色版本 */
  --secondary-color: #f5f5f5; /* 调整后的背景色 */
  --accent-color: #fbbc04;
  --accent-color-light: #feefc3; /* 强调色浅色版本 */
  --auxiliary-color: #34a853; /* 辅助色 */
  --auxiliary-color-light: #d7f0e0; /* 辅助色浅色版本 */
  
  /* 中性色调 */
  --text-dark: #202124;
  --text-secondary: #5f6368;
  --text-light: #ffffff;
  --border-color: #dadce0;
  --hover-color: #f1f3f4;
  --card-background: #ffffff; /* 卡片背景 */
  --container-background: #fafafa; /* 容器背景 */
  
  /* 阴影 */
  --shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  --shadow-md: 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  --shadow-lg: 0 4px 8px 3px rgba(60, 64, 67, 0.15), 0 1px 4px 2px rgba(60, 64, 67, 0.3);
  
  /* 事件类型颜色 - 浅色模式保持原色 */
  --solar-term-color: #1a73e8;
  --gregorian-color: #ea4335;
  --lunar-color: #34a853;
  --international-color: #4285f4;
  --memorial-color: #9c27b0;
  --award-color: #ff7043;
  --movie-color: #00bcd4;
  --important-color: #d500f9;
  --exhibition-color: #795548;
  --brand-color: #006064;
}