/**
 * 主题系统 - Theme System
 * 支持三套主题配色方案
 */

/* ============================================
   主题一：橙粉渐变 (Orange Pink Gradient)
   ============================================ */
html[data-theme="theme1"] {
    /* 主色调 */
    --primary-color: #da627d;
    --primary-light: #ffa5ab;
    --primary-dark: #a53860;
    
    /* 背景色 */
    --bg-primary: #f9dbbd;
    --bg-secondary: #ffa5ab;
    --bg-accent: #450920;
    
    /* 渐变色 */
    --gradient-main: linear-gradient(135deg, #ffa5ab 0%, #da627d 50%, #a53860 100%);
    --gradient-light: linear-gradient(135deg, #f9dbbd 0%, #ffa5ab 100%);
    --gradient-overlay: linear-gradient(to bottom, rgba(249, 219, 189, 0.1), rgba(69, 9, 32, 0.3));
    
    /* 文字颜色 */
    --text-primary: #450920;
    --text-secondary: #a53860;
    --text-light: #ffffff;
    --text-muted: #da627d;
    
    /* 边框和分割线 */
    --border-color: #ffa5ab;
    --divider-color: rgba(218, 98, 125, 0.2);
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(218, 98, 125, 0.15);
    --shadow-md: 0 4px 16px rgba(218, 98, 125, 0.2);
    --shadow-lg: 0 8px 32px rgba(165, 56, 96, 0.25);
    --shadow-hover: 0 12px 40px rgba(165, 56, 96, 0.3);
    
    /* 卡片和表面 */
    --surface-color: #ffffff;
    --surface-hover: #f9dbbd;
    
    /* 按钮状态 */
    --btn-hover: #a53860;
    --btn-active: #450920;
    
    /* 成功/警告/错误色 */
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-error: #f44336;
    --color-info: #2196f3;
}

/* ============================================
   主题二：珊瑚渐变 (Coral Gradient)
   ============================================ */
html[data-theme="theme2"] {
    /* 主色调 */
    --primary-color: #ff928b;
    --primary-light: #fec3a6;
    --primary-dark: #ffac81;
    
    /* 背景色 */
    --bg-primary: #efe9ae;
    --bg-secondary: #cdeac0;
    --bg-accent: #ffac81;
    
    /* 渐变色 */
    --gradient-main: linear-gradient(135deg, #ffac81 0%, #ff928b 50%, #fec3a6 100%);
    --gradient-light: linear-gradient(135deg, #efe9ae 0%, #cdeac0 100%);
    --gradient-overlay: linear-gradient(to bottom, rgba(239, 233, 174, 0.1), rgba(255, 172, 129, 0.3));
    
    /* 文字颜色 */
    --text-primary: #5a4a2a;
    --text-secondary: #8b7355;
    --text-light: #ffffff;
    --text-muted: #b39975;
    
    /* 边框和分割线 */
    --border-color: #fec3a6;
    --divider-color: rgba(255, 146, 139, 0.2);
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(255, 146, 139, 0.15);
    --shadow-md: 0 4px 16px rgba(255, 146, 139, 0.2);
    --shadow-lg: 0 8px 32px rgba(255, 172, 129, 0.25);
    --shadow-hover: 0 12px 40px rgba(255, 172, 129, 0.3);
    
    /* 卡片和表面 */
    --surface-color: #ffffff;
    --surface-hover: #efe9ae;
    
    /* 按钮状态 */
    --btn-hover: #ffac81;
    --btn-active: #ff928b;
    
    /* 成功/警告/错误色 */
    --color-success: #81c784;
    --color-warning: #ffb74d;
    --color-error: #e57373;
    --color-info: #64b5f6;
}

/* ============================================
   主题三：自然绿 (Nature Green)
   ============================================ */
html[data-theme="theme3"] {
    /* 主色调 */
    --primary-color: #3e885b;
    --primary-light: #85bda6;
    --primary-dark: #2f4b26;
    
    /* 背景色 */
    --bg-primary: #c0d7bb;
    --bg-secondary: #bedcfe;
    --bg-accent: #2f4b26;
    
    /* 渐变色 */
    --gradient-main: linear-gradient(135deg, #2f4b26 0%, #3e885b 50%, #85bda6 100%);
    --gradient-light: linear-gradient(135deg, #c0d7bb 0%, #bedcfe 100%);
    --gradient-overlay: linear-gradient(to bottom, rgba(192, 215, 187, 0.1), rgba(47, 75, 38, 0.3));
    
    /* 文字颜色 */
    --text-primary: #2f4b26;
    --text-secondary: #3e885b;
    --text-light: #ffffff;
    --text-muted: #85bda6;
    
    /* 边框和分割线 */
    --border-color: #85bda6;
    --divider-color: rgba(62, 136, 91, 0.2);
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(62, 136, 91, 0.15);
    --shadow-md: 0 4px 16px rgba(62, 136, 91, 0.2);
    --shadow-lg: 0 8px 32px rgba(47, 75, 38, 0.25);
    --shadow-hover: 0 12px 40px rgba(47, 75, 38, 0.3);
    
    /* 卡片和表面 */
    --surface-color: #ffffff;
    --surface-hover: #c0d7bb;
    
    /* 按钮状态 */
    --btn-hover: #2f4b26;
    --btn-active: #1a2915;
    
    /* 成功/警告/错误色 */
    --color-success: #66bb6a;
    --color-warning: #ffa726;
    --color-error: #ef5350;
    --color-info: #42a5f5;
}

/* ============================================
   默认主题（主题一）- 为了兼容性
   ============================================ */
:root, html {
    /* 继承主题一的配色作为默认值 */
    --primary-color: #da627d;
    --primary-light: #ffa5ab;
    --primary-dark: #a53860;
    --bg-primary: #f9dbbd;
    --bg-secondary: #ffa5ab;
    --bg-accent: #450920;
    --gradient-main: linear-gradient(135deg, #ffa5ab 0%, #da627d 50%, #a53860 100%);
    --gradient-light: linear-gradient(135deg, #f9dbbd 0%, #ffa5ab 100%);
    --gradient-overlay: linear-gradient(to bottom, rgba(249, 219, 189, 0.1), rgba(69, 9, 32, 0.3));
    --text-primary: #450920;
    --text-secondary: #a53860;
    --text-light: #ffffff;
    --text-muted: #da627d;
    --border-color: #ffa5ab;
    --divider-color: rgba(218, 98, 125, 0.2);
    --shadow-sm: 0 2px 8px rgba(218, 98, 125, 0.15);
    --shadow-md: 0 4px 16px rgba(218, 98, 125, 0.2);
    --shadow-lg: 0 8px 32px rgba(165, 56, 96, 0.25);
    --shadow-hover: 0 12px 40px rgba(165, 56, 96, 0.3);
    --surface-color: #ffffff;
    --surface-hover: #f9dbbd;
    --btn-hover: #a53860;
    --btn-active: #450920;
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-error: #f44336;
    --color-info: #2196f3;
    
    /* 动画时长 */
    --transition-fast: 0.15s;
    --transition-normal: 0.3s;
    --transition-slow: 0.5s;
    
    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    
    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
}