/* Blowfish color palette for PaperMod */

:root {
    /* Light mode colors (Blowfish light) */
    --theme: #ffffff;
    --entry: #ffffff;
    --primary: #24292f;
    --secondary: #57606a;
    --tertiary: #f6f8fa;
    --content: #24292f;
    --code-block-bg: #f6f8fa;
    --code-bg: #f6f8fa;
    --border: #d0d7de;
    
    /* Blowfish accent color */
    --link-color: #0969da;
    --link-hover-color: #0860ca;
}

.dark {
    /* Dark mode colors (Blowfish dark) */
    --theme: #0d1117;
    --entry: #161b22;
    --primary: #c9d1d9;
    --secondary: #8b949e;
    --tertiary: #30363d;
    --content: #c9d1d9;
    --code-block-bg: #161b22;
    --code-bg: #161b22;
    --border: #30363d;
    
    /* Blowfish accent color for dark mode */
    --link-color: #58a6ff;
    --link-hover-color: #79c0ff;
}

/* Apply link colors */
a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

/* Additional color adjustments for better Blowfish aesthetics */
.post-title a {
    color: var(--primary);
}

.post-title a:hover {
    color: var(--link-color);
}

/* Adjust button colors */
.button,
.paginav a {
    color: var(--link-color);
    border-color: var(--link-color);
}

.button:hover,
.paginav a:hover {
    background: var(--link-color);
    color: var(--theme);
}

/* Dark mode toggle button */
#theme-toggle svg {
    fill: var(--link-color);
}

/* Code blocks with Blowfish styling */
.highlight pre {
    background-color: var(--code-block-bg) !important;
}

/* Inline code */
code {
    background: var(--code-bg);
    color: var(--primary);
}

/* Search input */
#searchInput {
    background: var(--code-bg);
    border-color: var(--border);
    color: var(--primary);
}

/* Tags */
.post-tag {
    background: var(--tertiary);
    color: var(--secondary);
}

.post-tag:hover {
    background: var(--link-color);
    color: var(--theme);
}

/* Code line numbers */
.post-content a.lnlinks {
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Series navigation styling */
.post-series {
    background: var(--code-bg);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.post-series h3 {
    margin-top: 0;
    font-size: 1.1em;
    color: var(--secondary);
}

.series-box h4 {
    margin: 10px 0;
}

.series-posts {
    margin: 10px 0 0 20px;
    padding-left: 10px;
}

.series-posts li {
    margin: 8px 0;
    color: var(--secondary);
}

.series-posts li strong {
    color: var(--primary);
}

.related-posts h2 {
    margin: 40px 0 20px;
}

.related-posts ul {
    list-style-type: none;
}

.related-posts ul li {
    margin-bottom: 5px;
}

.first-entry {
    min-height: 10px;
    margin: 0 0 10px;
}
/* More subtle Table of Contents */
.toc {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 15px 20px;
    margin: 20px 0;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.toc:hover {
    opacity: 1;
}

.toc .details {
    background: transparent;
}

.toc .details summary {
    font-size: 0.95em;
    color: var(--secondary);
    font-weight: 500;
}

.toc .inner {
    padding: 10px 0 0 0;
    font-size: 0.9em;
}

.toc .inner ul {
    margin: 0;
    padding-left: 20px;
}

.toc .inner li {
    margin: 5px 0;
    color: var(--secondary);
}

.toc .inner a {
    color: var(--secondary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.toc .inner a:hover {
    color: var(--link-color);
}