/**
 * Light Mode Styles
 */

:root {
    --bg-primary: #f5f0e8;
    --bg-secondary: #ffffff;
    --bg-card: #faf8f5;
    --bg-hover: #f0ebe3;
    --text-primary: #1a1a2e;
    --text-secondary: #3d3d4a;
    --text-muted: #7a7a8a;
    --border-color: rgba(26, 26, 46, 0.15);
    --shadow-color: rgba(0, 0, 0, 0.08);
}

body.light-mode {
    background: var(--bg-primary);
    color: var(--text-primary);
}

.light-mode .site-header {
    background: var(--bg-secondary);
}

.light-mode .profile-section,
.light-mode .article-card,
.light-mode .single-article,
.light-mode .overlay-box,
.light-mode .overlay-article {
    background: var(--bg-secondary);
}

.light-mode .article-body code {
    background: var(--bg-card);
}

.light-mode .article-body pre {
    background: var(--bg-card);
}

.light-mode .article-stats-bar {
    background: var(--bg-card);
}

.light-mode .related-item {
    background: var(--bg-card);
}

.light-mode .site-footer {
    background: var(--bg-secondary);
}