/* Light theme overrides - NO transitions on page load */
body.light-theme {
    background: #f5f5f5;
    color: #333;
}

/* Only add transitions after theme is loaded */
body.theme-loaded.light-theme,
body.theme-loaded.light-theme * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

body.light-theme .container {
    background: #ffffff;
}

body.light-theme header {
    border-bottom-color: #ddd;
}

body.light-theme .logo,
body.light-theme .logo a {
    color: #0066cc;
}

body.light-theme .tagline {
    color: #666;
}

body.light-theme .hero h1 {
    color: #222;
}

body.light-theme .hero p {
    color: #555;
}

body.light-theme .service,
body.light-theme .post-item,
body.light-theme .featured-post,
body.light-theme .related-posts .post-item,
body.light-theme .related-post-card {
    background: #fff;
    border-color: #e0e0e0;
}

body.light-theme .service:hover,
body.light-theme .post-item:hover,
body.light-theme .featured-post:hover,
body.light-theme .related-posts .post-item:hover,
body.light-theme .related-post-card:hover {
    border-color: #0066cc;
}

body.light-theme .post-item h3,
body.light-theme .featured-post h3,
body.light-theme .related-posts .post-item h3 a,
body.light-theme .related-post-card h3,
body.light-theme .post-header h1 {
    color: #222;
}

body.light-theme .post-item:hover h3,
body.light-theme .featured-post:hover h3,
body.light-theme .related-post-card:hover h3 {
    color: #0066cc;
}

body.light-theme .post-item:hover .post-tags .tag {
    color: #0066cc;
}

body.light-theme .related-posts .post-item h3 a:hover {
    color: #0066cc;
}

body.light-theme .service h3,
body.light-theme .section-title,
body.light-theme .related-posts h2 {
    color: #0066cc;
}

body.light-theme .service p,
body.light-theme .post-excerpt,
body.light-theme .related-posts .post-excerpt {
    color: #555;
}

body.light-theme .post-item h3 a,
body.light-theme .featured-post h3 a,
body.light-theme .related-posts .post-item h3 a,
body.light-theme .post-header h1 {
    color: #222;
}

body.light-theme .post-item h3 a:hover,
body.light-theme .featured-post h3 a:hover,
body.light-theme .related-posts .post-item h3 a:hover {
    color: #0066cc;
}

body.light-theme .post-meta,
body.light-theme .filter-label,
body.light-theme .page-current {
    color: #666;
}

body.light-theme .terminal-prompt,
body.light-theme .back-link,
body.light-theme a {
    color: #0066cc;
}

body.light-theme a:hover {
    color: #0055aa;
}

body.light-theme .post-tags .tag,
body.light-theme .filter-tag {
    color: #888;
    border-color: #e0e0e0;
}

body.light-theme .post-tags .tag:hover,
body.light-theme .filter-tag:hover,
body.light-theme .filter-tag.active {
    color: #0066cc;
    border-color: #0066cc;
}

body.light-theme .filters,
body.light-theme .post-header,
body.light-theme .related-posts,
body.light-theme .post-navigation,
body.light-theme .pagination {
    border-color: #e0e0e0;
}

body.light-theme .page-link {
    color: #666;
    border-color: #e0e0e0;
}

body.light-theme .page-link:hover {
    color: #0066cc;
    border-color: #0066cc;
}

body.light-theme .post-content {
    color: #333;
}

body.light-theme .post-content h1,
body.light-theme .post-content h2,
body.light-theme .post-content h3 {
    color: #222;
    border-bottom-color: #e0e0e0;
}

body.light-theme .post-content strong {
    color: #0066cc;
    font-weight: bold;
}

body.light-theme .post-content a {
    color: #0066cc;
}

body.light-theme .post-content code {
    background: #e8e8e8;
    color: #c7254e;
    border: 1px solid #ddd;
}

body.light-theme .post-content pre,
body.light-theme .post-content .highlight {
    background: #f8f8f8;
    border-color: #e0e0e0;
}

body.light-theme .post-content pre code {
    background: none;
    color: #333;
    border: none;
}

body.light-theme .post-content .highlight pre {
    background: #f8f8f8;
}

/* Light mode syntax highlighting - using Tango style */
body.light-theme .post-content .highlight .hll { background-color: #ffffcc }
body.light-theme .post-content .highlight { background: #f8f8f8; }
body.light-theme .post-content .highlight .c { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .err { color: #a40000; border: 1px solid #ef2929 }
body.light-theme .post-content .highlight .g { color: #000000 }
body.light-theme .post-content .highlight .k { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .l { color: #000000 }
body.light-theme .post-content .highlight .n { color: #000000 }
body.light-theme .post-content .highlight .o { color: #ce5c00; font-weight: bold }
body.light-theme .post-content .highlight .x { color: #000000 }
body.light-theme .post-content .highlight .p { color: #000000; font-weight: bold }
body.light-theme .post-content .highlight .cm { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .cp { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .c1 { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .cs { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .gd { color: #a40000 }
body.light-theme .post-content .highlight .ge { color: #000000; font-style: italic }
body.light-theme .post-content .highlight .gr { color: #ef2929 }
body.light-theme .post-content .highlight .gh { color: #000080; font-weight: bold }
body.light-theme .post-content .highlight .gi { color: #00A000 }
body.light-theme .post-content .highlight .go { color: #000000; font-style: italic }
body.light-theme .post-content .highlight .gp { color: #8f5902 }
body.light-theme .post-content .highlight .gs { color: #000000; font-weight: bold }
body.light-theme .post-content .highlight .gu { color: #800080; font-weight: bold }
body.light-theme .post-content .highlight .gt { color: #a40000; font-weight: bold }
body.light-theme .post-content .highlight .kc { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .kd { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .kn { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .kp { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .kr { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .kt { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .ld { color: #000000 }
body.light-theme .post-content .highlight .m { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .s { color: #4e9a06 }
body.light-theme .post-content .highlight .na { color: #c4a000 }
body.light-theme .post-content .highlight .nb { color: #204a87 }
body.light-theme .post-content .highlight .nc { color: #000000 }
body.light-theme .post-content .highlight .no { color: #000000 }
body.light-theme .post-content .highlight .nd { color: #5c35cc; font-weight: bold }
body.light-theme .post-content .highlight .ni { color: #ce5c00 }
body.light-theme .post-content .highlight .ne { color: #cc0000; font-weight: bold }
body.light-theme .post-content .highlight .nf { color: #000000 }
body.light-theme .post-content .highlight .nl { color: #f57900 }
body.light-theme .post-content .highlight .nn { color: #000000 }
body.light-theme .post-content .highlight .nx { color: #000000 }
body.light-theme .post-content .highlight .py { color: #000000 }
body.light-theme .post-content .highlight .nt { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .nv { color: #000000 }
body.light-theme .post-content .highlight .ow { color: #204a87; font-weight: bold }
body.light-theme .post-content .highlight .w { color: #f8f8f8 }
body.light-theme .post-content .highlight .mb { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .mf { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .mh { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .mi { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .mo { color: #0000cf; font-weight: bold }
body.light-theme .post-content .highlight .sa { color: #4e9a06 }
body.light-theme .post-content .highlight .sb { color: #4e9a06 }
body.light-theme .post-content .highlight .sc { color: #4e9a06 }
body.light-theme .post-content .highlight .dl { color: #4e9a06 }
body.light-theme .post-content .highlight .sd { color: #8f5902; font-style: italic }
body.light-theme .post-content .highlight .s2 { color: #4e9a06 }
body.light-theme .post-content .highlight .se { color: #4e9a06 }
body.light-theme .post-content .highlight .sh { color: #4e9a06 }
body.light-theme .post-content .highlight .si { color: #4e9a06 }
body.light-theme .post-content .highlight .sx { color: #4e9a06 }
body.light-theme .post-content .highlight .sr { color: #4e9a06 }
body.light-theme .post-content .highlight .s1 { color: #4e9a06 }
body.light-theme .post-content .highlight .ss { color: #4e9a06 }
body.light-theme .post-content .highlight .bp { color: #3465a4 }
body.light-theme .post-content .highlight .fm { color: #000000 }
body.light-theme .post-content .highlight .vc { color: #000000 }
body.light-theme .post-content .highlight .vg { color: #000000 }
body.light-theme .post-content .highlight .vi { color: #000000 }
body.light-theme .post-content .highlight .vm { color: #000000 }
body.light-theme .post-content .highlight .il { color: #0000cf; font-weight: bold }

body.light-theme .post-content blockquote {
    border-left-color: #0066cc;
    color: #666;
}

body.light-theme .post-content table {
    border-color: #e0e0e0;
}

body.light-theme .post-content th,
body.light-theme .post-content td {
    border-color: #e0e0e0;
}

body.light-theme .post-content th {
    background: #f8f8f8;
    color: #0066cc;
}

body.light-theme .post-content hr {
    border-top-color: #e0e0e0;
}

body.light-theme .preview-banner {
    background: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}

body.light-theme .no-posts {
    color: #666;
}

body.light-theme .footer {
    border-top-color: #ddd;
    color: #777;
}

body.light-theme #theme-toggle {
    border-color: #e0e0e0;
    color: #0066cc;
}

body.light-theme #theme-toggle:hover {
    border-color: #0066cc;
    background: #f0f0f0;
}