/* Solarized Dark Theme */
:root {
    --maincolor: #2aa198;
    --bordercl: #073642;
    --callouctcolor: #2aa198;
    --hovercolor: #2aa198;
    --darkMaincolor: #2aa198;
}

html, body, html.dark, html.dark body {
    color: #839496 !important;
    background-color: #002b36 !important;
}

::-moz-selection {
    background: #073642 !important;
    color: #eee8d5 !important;
    text-shadow: none;
}

::selection {
    background: #073642 !important;
    color: #eee8d5 !important;
    text-shadow: none;
}

hr {
    border-top: 1px dashed #073642 !important;
}

/* Code blocks & inline code in Solarized Dark */
code {
    background-color: #073642 !important;
    color: #2aa198 !important;
    border: 1px solid #002b36 !important;
    border-radius: 3px;
    padding: 0.1em 0.3em;
}

pre, pre.giallo, .z-d-code {
    background-color: #073642 !important;
    color: #839496 !important;
    border: 1px solid #094352 !important;
    line-height: 1.4;
    overflow-x: auto;
    padding: 1em;
    border-radius: 4px;
}

pre code {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
}

blockquote {
    border-left: 3px solid #2aa198 !important;
    border-color: #2aa198 !important;
    background-color: #073642 !important;
    color: #93a1a1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #eee8d5 !important;
}

h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
    color: #2aa198 !important;
}

a {
    border-bottom: 2px solid #2aa198 !important;
    color: #eee8d5 !important;
}

a:hover {
    background-color: #2aa198 !important;
    color: #002b36 !important;
}

#main_title a {
    border-bottom: none !important;
    color: #eee8d5 !important;
}

#main_title a:hover {
    background-color: transparent !important;
    color: #2aa198 !important;
}

#dark-mode-toggle {
    border-bottom: none !important;
    color: #eee8d5 !important;
}

#dark-mode-toggle:hover {
    background-color: transparent !important;
    color: #2aa198 !important;
}

header nav a {
    border-bottom: none !important;
    color: #93a1a1 !important;
}

header nav a:hover {
    background-color: transparent !important;
    color: #eee8d5 !important;
}

.site-description a {
    color: #eee8d5 !important;
}

.site-description a:hover {
    color: #002b36 !important;
}

.tags a {
    border-bottom: 2px solid #2aa198 !important;
}

.tags a:hover {
    background-color: #2aa198 !important;
    color: #002b36 !important;
}

.site-title a {
    color: #eee8d5 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.header nav,
footer {
    border-color: #073642 !important;
}

.footer-info {
    color: #586e75 !important;
}

.footer-info a {
    color: #93a1a1 !important;
}

.project-card {
    background-color: #073642 !important;
    border: 1px solid #094352 !important;
}

.project-card h3 a {
    color: #eee8d5 !important;
    border-bottom: none !important;
}

.project-card h3 a:hover {
    background-color: transparent !important;
    color: #2aa198 !important;
}

.badge-private {
    background-color: #002b36 !important;
    color: #b58900 !important;
    border: 1px solid #073642 !important;
}

.meta, time, span {
    color: #586e75 !important;
}

.soc {
    border-right-color: #073642 !important;
    color: #93a1a1 !important;
}

.soc:hover {
    background-color: transparent !important;
    color: #2aa198 !important;
}

.draft-label {
    color: #dc322f !important;
    background-color: #073642 !important;
    border: 1px solid #dc322f !important;
}

/* Solarized Dark syntax highlighting tokens (giallo) */
.z-d-hl { background-color: #002b36 !important; }
.z-d-1 { color: #268bd2 !important; }
.z-d-2 { color: #2aa198 !important; }
.z-d-3 { color: #586e75 !important; }
.z-d-4 { color: #6c71c4 !important; }
.z-d-5 { color: #859900 !important; }
.z-d-6 { color: #93a1a1 !important; }
.z-d-7 { color: #b58900 !important; }
.z-d-8 { color: #cb4b16 !important; }
.z-d-9 { color: #d33682 !important; }
.z-d-10 { color: #dc322f !important; }
.z-d-b { font-weight: bold; }
.z-d-i { font-style: italic; }
.z-d-u { text-decoration: underline; }
.z-d-s { text-decoration: line-through; }
.z-d-us { text-decoration: underline line-through; }

/* Language badges on code blocks in dark mode */
.highlight pre code[class=language-javaScript]::before,
.highlight pre code[class="language-js"]::before {
    content: "js";
    background: #b58900;
    color: #002b36;
}

.highlight pre code[class*='language-yml']::before,
.highlight pre code[class*='language-yaml']::before {
    content: 'yaml';
    background: #cb4b16;
    color: #eee8d5;
}

.highlight pre code[class*='language-shell']::before,
.highlight pre code[class*='language-bash']::before,
.highlight pre code[class*='language-sh']::before {
    content: 'shell';
    background: #859900;
    color: #002b36;
}

.highlight pre code[class*='language-json']::before {
    content: 'json';
    background: #268bd2;
    color: #eee8d5;
}

.highlight pre code[class*='language-python']::before,
.highlight pre code[class*='language-py']::before {
    content: 'py';
    background: #268bd2;
    color: #eee8d5;
}

.highlight pre code[class*='language-css']::before {
    content: 'css';
    background: #2aa198;
    color: #002b36;
}

.highlight pre code[class*='language-go']::before {
    content: 'Go';
    background: #2aa198;
    color: #002b36;
}

.highlight pre code[class*='language-md']::before {
    content: 'Markdown';
    background: #6c71c4;
    color: #eee8d5;
}

.highlight pre code[class*='language-rust']::before,
.highlight pre code[class*='language-rs']::before {
    content: 'rust';
    background: #cb4b16;
    color: #eee8d5;
}