/* 颜色系统 */
:root {
    /* 主要颜色 */
    --color-primary: #8b4513;
    --color-primary-light: #a05a29;
    --color-primary-dark: #6a340f;
    
    /* 背景颜色 */
    --color-background: #fff;
    --color-background-light: #f8f4e8;
    --color-background-card: #fcfcfa;
    
    /* 文本颜色 */
    --color-text: #333;
    --color-text-secondary: #5a5a5a;
    --color-text-light: #767676;
    
    /* 边框颜色 */
    --color-border: #e0d9c9;
    --color-border-light: #efe8d8;
    
    /* 功能颜色 */
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-danger: #f44336;
    --color-info: #2196f3;
}

/* 暗黑模式颜色 - 暂时预留 */
@media (prefers-color-scheme: dark) {
    :root {
        /* 暗黑模式下可以在这里覆盖颜色变量 */
    }
}

/* ========== 咖啡色主题（默认） ========== */
:root, html[data-theme="coffee"] {
    /* 主色调 */
    --color-primary: #8b4513;           /* 主色 - 棕色 */
    --color-primary-light: #a05a29;     /* 主色亮色调 */
    --color-primary-dark: #6a340f;      /* 主色暗色调 */
    --color-primary-rgb: 139, 69, 19;   /* RGB格式 */
    
    /* 背景颜色 */
    --color-background: #fff;           /* 主背景色 */
    --color-background-light: #f8f4e8;  /* 浅色背景 */
    --color-background-card: #fcfcfa;   /* 卡片背景 */
    --color-background-alt: #f5f5f0;    /* 替代背景色 */
    --color-background-cream: #fffcf5;  /* 奶油色背景 */
    --color-background-soft: #f9f9f5;   /* 柔和背景色 */
    --color-background-warm: #f5f1e6;   /* 温暖背景色 */
    --color-background-cream-dark: #f0e6d2; /* 深奶油色背景 */
    
    /* 文本颜色 */
    --color-text: #333;                 /* 主文本色 */
    --color-text-light: #666;           /* 次要文本 */
    --color-text-secondary: #777;       /* 辅助文本 */
    --color-text-muted: #999;           /* 静音文本 */
    --color-text-dark: #2c3e50;         /* 深色文本 */
    --color-text-medium: #5a5a5a;       /* 中等文本 */
    
    /* 边框颜色 */
    --color-border: #ddd;               /* 主边框色 */
    --color-border-light: #e0e0e0;      /* 浅色边框 */
    --color-border-specialty: #e0d9c9;  /* 特色边框 */
    --color-border-cream: #e0e0d1;      /* 奶油色边框 */
    
    /* 状态颜色 */
    --color-success: #4caf50;           /* 成功状态 */
    --color-warning: #ff9800;           /* 警告状态 */
    --color-error: #dc2626;             /* 错误状态 */
    --color-info: #2196f3;              /* 信息状态 */
    
    /* AI组件颜色 */
    --color-ai-background: #f9f9ff;     /* AI背景 */
    --color-ai-border: #e0e0ff;         /* AI边框 */
    --color-ai-shadow: rgba(0,0,100,0.05); /* AI阴影 */
    --color-ai-soft-blue: #f8fafc;      /* AI软蓝色 */
    --color-ai-border-blue: #cbd5e1;    /* AI蓝色边框 */
    --color-ai-text-blue: #475569;      /* AI蓝色文本 */
    --color-ai-background-light: #e2e8f0; /* AI浅背景 */
    --color-ai-text-muted: #94a3b8;     /* AI静音文本 */
    
    /* 学科分类颜色 */
    --color-philosophy: #d84315;        /* 哲学类 - 深橙色 */
    --color-social: #1e88e5;            /* 社会科学类 - 蓝色 */
    --color-natural: #43a047;           /* 自然科学类 - 绿色 */
    --color-engineering: #ffb300;       /* 工程技术类 - 琥珀色 */
    --color-humanities: #8e24aa;        /* 人文艺术类 - 紫色 */
    --color-default-discipline: #78909c; /* 默认学科色 - 灰色 */
    
    /* 错误信息 */
    --color-error-background: #fef2f2;  /* 错误背景 */
}

/* ========== 海洋主题 ========== */
html[data-theme="ocean"] {
    /* 主色调 */
    --color-primary: #0277bd;           /* 主色 - 海蓝色 */
    --color-primary-light: #0288d1;     /* 主色亮色调 */
    --color-primary-dark: #01579b;      /* 主色暗色调 */
    --color-primary-rgb: 2, 119, 189;   /* RGB格式 */
    
    /* 背景颜色 */
    --color-background: #fff;           /* 主背景色 */
    --color-background-light: #e3f2fd;  /* 浅蓝背景 */
    --color-background-card: #f5f9fc;   /* 卡片背景 */
    --color-background-alt: #ecf5fc;    /* 替代背景色 */
    --color-background-cream: #f5faff;  /* 奶油色背景 */
    --color-background-soft: #f0f8ff;   /* 柔和背景色 */
    --color-background-warm: #e1f5fe;   /* 温暖背景色 */
    --color-background-cream-dark: #b3e5fc; /* 深奶油色背景 */
    
    /* 文本颜色 */
    --color-text: #37474f;              /* 主文本色 */
    --color-text-light: #546e7a;        /* 次要文本 */
    --color-text-secondary: #607d8b;    /* 辅助文本 */
    --color-text-muted: #78909c;        /* 静音文本 */
    --color-text-dark: #263238;         /* 深色文本 */
    --color-text-medium: #455a64;       /* 中等文本 */
    
    /* 边框颜色 */
    --color-border: #b0bec5;            /* 主边框色 */
    --color-border-light: #cfd8dc;      /* 浅色边框 */
    --color-border-specialty: #81d4fa;  /* 特色边框 */
    --color-border-cream: #bbdefb;      /* 奶油色边框 */
    
    /* 状态颜色保持一致 */
    /* 学科分类颜色保持一致 */
    /* AI组件颜色调整 */
    --color-ai-background: #e1f5fe;     /* AI背景 */
    --color-ai-border: #81d4fa;         /* AI边框 */
    --color-ai-shadow: rgba(0,0,100,0.05); /* AI阴影 */
}

/* ========== 森林主题 ========== */
html[data-theme="forest"] {
    /* 主色调 */
    --color-primary: #2e7d32;           /* 主色 - 森林绿 */
    --color-primary-light: #388e3c;     /* 主色亮色调 */
    --color-primary-dark: #1b5e20;      /* 主色暗色调 */
    --color-primary-rgb: 46, 125, 50;   /* RGB格式 */
    
    /* 背景颜色 */
    --color-background: #fff;           /* 主背景色 */
    --color-background-light: #e8f5e9;  /* 浅绿背景 */
    --color-background-card: #f5fcf6;   /* 卡片背景 */
    --color-background-alt: #ecf9ec;    /* 替代背景色 */
    --color-background-cream: #f1f8e9;  /* 奶油色背景 */
    --color-background-soft: #f1f8e9;   /* 柔和背景色 */
    --color-background-warm: #dcedc8;   /* 温暖背景色 */
    --color-background-cream-dark: #c5e1a5; /* 深奶油色背景 */
    
    /* 文本颜色 */
    --color-text: #33691e;              /* 主文本色 */
    --color-text-light: #558b2f;        /* 次要文本 */
    --color-text-secondary: #689f38;    /* 辅助文本 */
    --color-text-muted: #7cb342;        /* 静音文本 */
    --color-text-dark: #1b5e20;         /* 深色文本 */
    --color-text-medium: #33691e;       /* 中等文本 */
    
    /* 边框颜色 */
    --color-border: #aed581;            /* 主边框色 */
    --color-border-light: #c5e1a5;      /* 浅色边框 */
    --color-border-specialty: #9ccc65;  /* 特色边框 */
    --color-border-cream: #bfdc97;      /* 奶油色边框 */
    
    /* AI组件颜色 */
    --color-ai-background: #f1f8e9;     /* AI背景 */
    --color-ai-border: #c5e1a5;         /* AI边框 */
    --color-ai-shadow: rgba(46, 125, 50, 0.05); /* AI阴影 */
    --color-ai-soft-blue: #f1f8e9;      /* AI软蓝色改为森林主题的浅色 */
    --color-ai-border-blue: #aed581;    /* AI蓝色边框改为绿色边框 */
    --color-ai-text-blue: #33691e;      /* AI蓝色文本改为绿色文本 */
    --color-ai-background-light: #dcedc8; /* AI浅背景 */
    --color-ai-text-muted: #7cb342;     /* AI静音文本 */
}

/* ========== 浆果主题 ========== */
html[data-theme="berry"] {
    /* 主色调 */
    --color-primary: #7b1fa2;           /* 主色 - 浆果紫 */
    --color-primary-light: #8e24aa;     /* 主色亮色调 */
    --color-primary-dark: #6a1b9a;      /* 主色暗色调 */
    --color-primary-rgb: 123, 31, 162;  /* RGB格式 */
    
    /* 背景颜色 */
    --color-background: #fff;           /* 主背景色 */
    --color-background-light: #f3e5f5;  /* 浅紫背景 */
    --color-background-card: #fcf5fc;   /* 卡片背景 */
    --color-background-alt: #f5ecf9;    /* 替代背景色 */
    --color-background-cream: #fce4ec;  /* 浅粉背景 */
    --color-background-soft: #f8bbd0;   /* 柔和背景色 */
    --color-background-warm: #e1bee7;   /* 温暖背景色 */
    --color-background-cream-dark: #ce93d8; /* 深奶油色背景 */
    
    /* 文本颜色 */
    --color-text: #4a148c;              /* 主文本色 */
    --color-text-light: #6a1b9a;        /* 次要文本 */
    --color-text-secondary: #7b1fa2;    /* 辅助文本 */
    --color-text-muted: #8e24aa;        /* 静音文本 */
    --color-text-dark: #3e236e;         /* 深色文本 */
    --color-text-medium: #5e2886;       /* 中等文本 */
    
    /* 边框颜色 */
    --color-border: #ce93d8;            /* 主边框色 */
    --color-border-light: #e1bee7;      /* 浅色边框 */
    --color-border-specialty: #ba68c8;  /* 特色边框 */
    --color-border-cream: #d4a4e3;      /* 奶油色边框 */
    
    /* AI组件颜色 */
    --color-ai-background: #f3e5f5;     /* AI背景 */
    --color-ai-border: #e1bee7;         /* AI边框 */
    --color-ai-shadow: rgba(123, 31, 162, 0.05); /* AI阴影 */
    --color-ai-soft-blue: #f3e5f5;      /* AI软蓝色改为浆果主题的浅色 */
    --color-ai-border-blue: #ce93d8;    /* AI蓝色边框改为紫色边框 */
    --color-ai-text-blue: #4a148c;      /* AI蓝色文本改为紫色文本 */
    --color-ai-background-light: #e1bee7; /* AI浅背景 */
    --color-ai-text-muted: #8e24aa;     /* AI静音文本 */
}