/* 明亮主题 */
:root {
    --primary-color: #007bff;
    --text-color: #333;
    --bg-color: #fff;
    --nav-bg: #fff;
    --footer-bg: #f8f9fa;
    
    /* 下拉菜单颜色变量 */
    --dropdown-bg: #ffffff;
    --dropdown-shadow: rgba(0,0,0,0.1);
    --dropdown-text: #333333;
    --dropdown-hover-bg: #f5f5f5;
    --dropdown-active-bg: #e9e9e9;
}

/* 深色主题 */
[data-theme="dark"] {
    --primary-color: #66b0ff;
    --text-color: #fff;
    --bg-color: #1a1a1a;
    --nav-bg: #2d2d2d;
    --footer-bg: #2d2d2d;
    
    /* 下拉菜单颜色变量 */
    --dropdown-bg: #2a2a2a;
    --dropdown-shadow: rgba(0,0,0,0.3);
    --dropdown-text: #ffffff;
    --dropdown-hover-bg: #3a3a3a;
    --dropdown-active-bg: #404040;
}

/* 导航栏主题 */
.main-nav {
    background-color: var(--nav-bg);
}

.nav-logo a {
    color: var(--primary-color);
}

.nav-link {
    color: var(--text-color);
}

.nav-link:hover {
    color: var(--primary-color);
}

/* 底部主题 */
.main-footer {
    background-color: var(--footer-bg);
}

.footer-link {
    color: var(--text-color);
}

.footer-link:hover {
    color: var(--primary-color);
}

/* 下拉菜单主题样式 */
.dropdown-content {
    background-color: var(--dropdown-bg);
    box-shadow: 0 2px 8px var(--dropdown-shadow);
}

.lang-item {
    color: var(--dropdown-text);
}

.lang-item:hover {
    background-color: var(--dropdown-hover-bg);
}

.lang-item.active {
    background-color: var(--dropdown-active-bg);
}

/* 移动端导航主题 */
@media (max-width: 768px) {
    .nav-links {
        background-color: var(--nav-bg);
        box-shadow: -2px 0 8px var(--dropdown-shadow);
    }

    .nav-overlay {
        backdrop-filter: blur(3px);
    }
}