/* 主题颜色定义 */

/* 默认主题 - 淡粉色 */
body.theme-pink {
    --color-primary: #ff69b4;
    --color-secondary: #ffb6d9;
    --color-accent: #ff1493;
}

/* 天蓝色主题 */
body.theme-blue {
    --color-primary: #87ceeb;
    --color-secondary: #b0e0e6;
    --color-accent: #00bfff;
}

/* 墨绿色主题 */
body.theme-green {
    --color-primary: #2f4f4f;
    --color-secondary: #556b2f;
    --color-accent: #3cb371;
}

/* 主题切换按钮 */
.theme-switcher {
    position: relative;
}

.theme-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    box-shadow: var(--shadow);
    z-index: 10;
    display: none;
}

.theme-menu.show {
    display: block;
}

.theme-option {
    display: block;
    width: 100%;
    padding: var(--spacing-md);
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    transition: background-color 0.2s;
}

.theme-option:hover {
    background-color: var(--color-bg);
}

.theme-option.active {
    color: var(--color-primary);
    font-weight: bold;
}

/* 主题特定样式 */
body.theme-pink .navbar {
    border-bottom: 3px solid var(--color-primary);
}

body.theme-blue .navbar {
    border-bottom: 3px solid var(--color-secondary);
}

body.theme-green .navbar {
    border-bottom: 3px solid var(--color-accent);
}

/* 按钮主题颜色 */
body.theme-blue .btn-primary,
body.theme-blue .btn-save,
body.theme-blue .btn-send,
body.theme-blue .template-btn {
    background-color: var(--color-primary);
}

body.theme-blue .btn-login {
    background-color: var(--color-secondary);
}

body.theme-green .btn-primary,
body.theme-green .btn-save,
body.theme-green .btn-send,
body.theme-green .template-btn {
    background-color: var(--color-primary);
}

body.theme-green .btn-login {
    background-color: var(--color-accent);
}

/* 聚焦状态 */
body.theme-blue input:focus,
body.theme-blue textarea:focus,
body.theme-blue select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(135, 206, 235, 0.1);
}

body.theme-green input:focus,
body.theme-green textarea:focus,
body.theme-green select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(60, 179, 113, 0.1);
}

/* 文件树活跃项 */
body.theme-blue .file-item.active {
    background-color: rgba(135, 206, 235, 0.1);
    border-left: 3px solid var(--color-primary);
}

body.theme-green .file-item.active {
    background-color: rgba(60, 179, 113, 0.1);
    border-left: 3px solid var(--color-accent);
}

/* 标题颜色 */
body.theme-pink .logo {
    color: var(--color-primary);
}

body.theme-blue .logo {
    color: var(--color-primary);
}

body.theme-green .logo {
    color: var(--color-primary);
}

/* 链接颜色 */
body.theme-blue .footer-section a {
    color: var(--color-primary);
}

body.theme-green .footer-section a {
    color: var(--color-accent);
}

/* 代码块 */
body.theme-blue .code-block {
    border-left: 3px solid var(--color-primary);
}

body.theme-green .code-block {
    border-left: 3px solid var(--color-accent);
}