:root { --bg-color: #282828; --text-color: #ebdbb2; --text-color-light: #d5c4a1; --brand-color: #458588; --brand-color-light: #83a598; --brand-color-dark: #076678; --grey-color: #928374; --grey-color-light: #3c3836; --grey-color-dark: #1d2021; --accent-red: #cc241d; --accent-green: #98971a; --accent-yellow: #d79921; --accent-orange: #d65d0e; --accent-purple: #b16286; --accent-aqua: #689d6a; }

[data-theme="gruvbox-dark"] { --bg-color: #282828; --text-color: #ebdbb2; --text-color-light: #d5c4a1; --brand-color: #458588; --brand-color-light: #83a598; --brand-color-dark: #076678; --grey-color: #928374; --grey-color-light: #3c3836; --grey-color-dark: #1d2021; --accent-red: #cc241d; --accent-green: #98971a; --accent-yellow: #d79921; --accent-orange: #d65d0e; --accent-purple: #b16286; --accent-aqua: #689d6a; }

[data-theme="solarized-light"] { --bg-color: #fdf6e3; --text-color: #657b83; --text-color-light: #586e75; --brand-color: #268bd2; --brand-color-light: #4aa5d8; --brand-color-dark: #1c6bb0; --grey-color: #93a1a1; --grey-color-light: #eee8d5; --grey-color-dark: #839496; --accent-yellow: #b58900; --accent-orange: #cb4b16; --accent-red: #dc322f; --accent-magenta: #d33682; --accent-violet: #6c71c4; --accent-cyan: #2aa198; --accent-green: #859900; }

body { background-color: var(--bg-color); color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; }

h1, h2, h3, h4, h5, h6 { color: var(--text-color); }

a { color: var(--brand-color); }

a:visited { color: var(--brand-color-dark); }

a:hover { color: var(--brand-color-light); }

.site-header { border-top: 5px solid var(--grey-color-dark); border-bottom: 1px solid var(--grey-color-light); background-color: var(--bg-color); }

.site-title { color: var(--text-color); }

.site-title:hover { color: var(--brand-color); }

.site-nav .page-link { color: var(--text-color); }

.site-nav .page-link:hover { color: var(--brand-color); }

.site-footer { border-top: 1px solid var(--grey-color-light); background-color: var(--bg-color); }

.footer-heading { color: var(--text-color); }

.contact-list a, .social-media-list a { color: var(--text-color-light); }

.contact-list a:hover, .social-media-list a:hover { color: var(--brand-color); }

.post-meta { color: var(--text-color-light); }

.post-link { color: var(--text-color); }

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

pre, code { background-color: var(--grey-color-light); color: var(--text-color); }

[data-theme="gruvbox-dark"] pre, [data-theme="gruvbox-dark"] code { background-color: var(--grey-color-dark); border-color: transparent; }

[data-theme="solarized-light"] pre, [data-theme="solarized-light"] code { background-color: var(--grey-color-light); }

blockquote { color: var(--text-color-light); border-left: 4px solid var(--grey-color-light); }

table { color: var(--text-color); border-collapse: collapse; border: 1px solid var(--grey-color-light); }

table th, table td { border: 1px solid var(--grey-color-light); }

table th { background-color: var(--grey-color-light); }

.pagination a { color: var(--brand-color); }

.pagination a:hover { color: var(--brand-color-light); }

.pagination .page_number { color: var(--text-color-light); }

.theme-toggle { background: none; border: 1px solid var(--grey-color); color: var(--text-color); padding: 0.25rem 0.5rem; border-radius: 4px; cursor: pointer; font-size: 0.875rem; margin-left: 1rem; transition: all 0.3s ease; }

.theme-toggle:hover { background-color: var(--grey-color-light); border-color: var(--brand-color); }

.theme-toggle:focus { outline: none; box-shadow: 0 0 0 2px var(--brand-color); }

.theme-selector { position: relative; display: inline-block; }

.theme-dropdown { position: absolute; top: 100%; right: 0; background-color: var(--bg-color); border: 1px solid var(--grey-color); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 150px; display: none; }

.theme-dropdown.show { display: block; }

.theme-option { display: block; width: 100%; padding: 0.5rem 0.75rem; background: none; border: none; color: var(--text-color); text-align: left; cursor: pointer; transition: background-color 0.2s ease; }

.theme-option:hover { background-color: var(--grey-color-light); }

.theme-option:first-child { border-radius: 4px 4px 0 0; }

.theme-option:last-child { border-radius: 0 0 4px 4px; }

.theme-option.active { background-color: var(--brand-color); color: white; }

[data-theme="gruvbox-dark"] .theme-dropdown { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }

/*# sourceMappingURL=themes.css.map */