/* funnycafe目录下的明亮主题基础样式 */

/* 继承主题变量 */
:root {
  --light-bg: #FFFFFF;
  --light-surface: #FFFFFF;
  --light-elevated: #F0F0F0;
  --light-border: #EFEFEF;
  --light-text-primary: #333333;
  --light-text-secondary: #666666;
  --light-text-disabled: #999999;
  --light-primary: #9D7FD1;
  --light-primary-variant: #845EC2;
  --light-secondary: #A0D2EB;
  --light-accent: #FFCAD4;
  --light-shadow: rgba(0, 0, 0, 0.05);
  --light-overlay: rgba(0, 0, 0, 0.03);
  --light-gradient-primary: linear-gradient(135deg, #9D7FD1, #845EC2);
  --light-gradient-secondary: linear-gradient(135deg, #A0D2EB, #9D7FD1);
  --light-card-hover: #F9F9F9;
  --pure-white: #FFFFFF;
}

/* 明亮主题变量覆盖 */
.light-theme {
    --pure-black: #FFFFFF;
    --dark-bg: var(--light-bg);
    --dark-surface: var(--light-surface);
    --dark-elevated: var(--light-elevated);
    --dark-border: var(--light-border);
    --dark-text-primary: var(--light-text-primary);
    --dark-text-secondary: var(--light-text-secondary);
    --dark-text-disabled: var(--light-text-disabled);
    --dark-primary: var(--light-primary);
    --dark-primary-variant: var(--light-primary-variant);
    --dark-secondary: var(--light-secondary);
    --dark-shadow: var(--light-shadow);
    --dark-overlay: var(--light-overlay);
    --dark-gradient-primary: var(--light-gradient-primary);
    --dark-gradient-secondary: var(--light-gradient-secondary);
    --dark-card-hover: var(--light-card-hover);
}

/* 基础样式覆盖 */
body.light-theme {
  background-color: var(--light-bg);
  color: var(--light-text-primary);
}

/* 卡片和容器 */
body.light-theme .card,
body.light-theme .container-card {
  background-color: var(--light-surface);
  box-shadow: 0 4px 20px var(--light-shadow);
  border-color: var(--light-border);
}

/* 文本和链接 */
body.light-theme a {
  color: var(--light-primary);
}

body.light-theme a:hover {
  color: var(--light-primary-variant);
}

/* 按钮 */
body.light-theme .btn {
  background-color: var(--light-elevated);
  color: var(--light-text-primary);
}

body.light-theme .btn:hover {
  background-color: var(--light-card-hover);
}

body.light-theme .btn-primary {
  background: var(--light-gradient-primary);
  color: white;
}

/* 导航 */
body.light-theme .site-header {
  background-color: var(--light-surface);
  box-shadow: 0 2px 10px var(--light-shadow);
}

body.light-theme .site-nav a {
  color: var(--light-text-primary);
}

body.light-theme .site-nav a:hover,
body.light-theme .site-nav a.active {
  color: var(--light-primary);
}

/* 页脚 */
body.light-theme footer {
  background-color: var(--light-elevated);
  color: var(--light-text-secondary);
}

/* 导航栏明亮主题 */
.light-theme .site-header {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.light-theme .main-nav a {
    color: rgba(0, 0, 0, 0.6);
}

.light-theme .main-nav a:hover {
    color: rgba(0, 0, 0, 0.87);
}

.light-theme .main-nav a.active {
    color: #6200ee;
}

.light-theme .main-nav a::after {
    background-color: #6200ee;
}

/* 专访列表明亮主题 */
.light-theme .interview-list {
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.light-theme .interview-item {
    background-color: var(--light-surface);
    border-color: var(--light-border);
    box-shadow: 0 2px 5px var(--light-shadow);
}

.light-theme .interview-item:hover {
    background-color: var(--light-elevated);
    border-color: var(--light-primary);
    box-shadow: 0 5px 15px var(--light-shadow);
}

.light-theme .interview-item h2 {
    color: var(--light-text-primary);
}

.light-theme .developer-name {
    color: var(--light-text-primary);
}

.light-theme .developer-title,
.light-theme .excerpt {
    color: var(--light-text-secondary);
}

.light-theme .interview-meta .date,
.light-theme .interview-meta .category {
    color: var(--light-text-secondary);
}

.light-theme .interview-meta .category {
    background-color: rgba(157, 127, 209, 0.1);
    color: var(--light-primary);
}

.light-theme .read-more {
    color: var(--light-primary);
}

.light-theme .read-more:hover {
    color: #3700b3;
}

/* 标签明亮主题 */
.light-theme .tag {
    background-color: rgba(98, 0, 238, 0.1);
    color: #6200ee;
}

/* 底部导航明亮主题 */
.light-theme .site-footer {
    background-color: #FFFFFF !important;
    color: #444444 !important;
    padding: 60px 0 20px;
    margin-top: 60px;
}

.light-theme .footer-logo-text {
    color: #9D7FD1 !important;
}

.light-theme .footer-logo p {
    color: #444444 !important;
    font-weight: 500 !important;
}

.light-theme .footer-section h3 {
    color: #9D7FD1 !important;
}

.light-theme .footer-section ul li a {
    color: #444444 !important;
}

.light-theme .footer-section ul li a:hover {
    color: #6B2FD1 !important;
}

.light-theme .footer-bottom p {
    color: #444444 !important;
}

/* 移动端菜单明亮主题 */
@media (max-width: 768px) {
    .light-theme .main-nav {
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .light-theme .mobile-menu-toggle {
        color: rgba(0, 0, 0, 0.87);
    }
}

/* 底部导航栏明亮主题 */
.light-theme .bottom-nav {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.light-theme .bottom-nav-item {
    color: rgba(0, 0, 0, 0.6);
}

.light-theme .bottom-nav-item.active {
    color: #6200ee;
}

/* 更多菜单明亮主题 */
.light-theme .more-menu {
    background-color: #ffffff;
}

.light-theme .more-menu-title {
    color: #333333;
}

.light-theme .more-menu-close {
    color: rgba(0, 0, 0, 0.6);
}

.light-theme .more-menu-item {
    color: #333333;
}

.light-theme .more-menu-item:hover {
    background-color: rgba(98, 0, 238, 0.05);
}

.light-theme .more-menu-item-icon {
    color: #6200ee;
}

/* 亮色主题的页脚样式定义 */
html.light-theme .site-footer {
    background-color: #FFFFFF;
    padding: 60px 0 20px;
    margin-top: 60px;
    color: #444444;
}

/* 页脚logo文字颜色 */
html.light-theme .footer-logo h4 {
    color: #9D7FD1;
    font-weight: 600;
}

/* 页脚描述文字颜色 */
html.light-theme .footer-logo p {
    color: #444444;
    font-weight: 500;
}

/* 页脚标题颜色 */
html.light-theme .footer-section h5 {
    color: #9D7FD1;
    font-weight: 600;
}

/* 页脚链接颜色 */
html.light-theme .footer-section a {
    color: #444444;
    transition: color 0.3s ease;
}

html.light-theme .footer-section a:hover {
    color: #6B2FD1;
}

/* 页脚版权信息 */
html.light-theme .footer-copyright {
    color: #444444;
}