/* Light Mode Styles */
body.light-mode {
    background-color: #ffffff;
    color: #000000;
}

body.light-mode header {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

body.light-mode .logo {
    color: #000000;
}

body.light-mode nav a {
    color: #666666;
}

body.light-mode nav a:hover {
    color: #000000;
}

body.light-mode .sidebar {
    background-color: #ffffff;
}

body.light-mode .sidebar::-webkit-scrollbar-track {
    background: #f5f5f5;
}

body.light-mode .sidebar::-webkit-scrollbar-thumb {
    background: #cccccc;
}

body.light-mode .sidebar-title {
    color: #999999;
}

body.light-mode .sidebar-links a {
    color: #666666;
}

body.light-mode .sidebar-links a:hover,
body.light-mode .sidebar-links a.active {
    background-color: #f5f5f5;
    color: #000000;
}

body.light-mode .project-selector {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
}

body.light-mode .project-selector select {
    color: #000000;
}

body.light-mode .project-selector option {
    background: #ffffff;
    color: #000000;
}

body.light-mode .search-input {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #000000;
}

body.light-mode .search-input::placeholder {
    color: #999999;
}

body.light-mode .breadcrumb {
    color: #999999;
}

body.light-mode .breadcrumb a {
    color: #999999;
}

body.light-mode .breadcrumb a:hover {
    color: #666666;
}

body.light-mode .content h1,
body.light-mode .content h2 {
    color: #000000;
}

body.light-mode .content h2 {
    border-bottom: 1px solid #e0e0e0;
}

body.light-mode .content h3 {
    color: #333333;
}

body.light-mode .content h4 {
    color: #4d4d4d;
}

body.light-mode .content p,
body.light-mode .content ul,
body.light-mode .content ol,
body.light-mode .content li {
    color: #4d4d4d;
}

body.light-mode .content code {
    background: #f5f5f5;
    color: #d63031;
}

body.light-mode .content pre {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
}

body.light-mode .content pre code {
    color: #2d3436;
}

body.light-mode .content th {
    background: #f5f5f5;
    color: #000000;
}

body.light-mode .content td,
body.light-mode .content th {
    border-bottom: 1px solid #e0e0e0;
}

body.light-mode .content td {
    color: #4d4d4d;
}

body.light-mode .content blockquote {
    background: rgba(33, 150, 243, 0.1);
    color: #1976d2;
}

body.light-mode .content strong {
    color: #000000;
}

body.light-mode .content em {
    color: #333333;
}

body.light-mode .content hr {
    border-top: 1px solid #e0e0e0;
}

body.light-mode .content a {
    color: #2196f3;
}

body.light-mode .loading {
    color: #999999;
}

body.light-mode .error-message {
    background: rgba(244, 67, 54, 0.1);
    border-left: 4px solid #f44336;
    color: #c62828;
}

body.light-mode footer {
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
}

body.light-mode .footer-info,
body.light-mode .footer-links a {
    color: #999999;
}

body.light-mode .footer-links a:hover {
    color: #666666;
}