/* BLX - i3 tiling window manager visual theme */

:root {
    --bg: #1a1a1a;
    --fg: #eeeeee;
    --window-bg: #2e2e2e;
    --accent: #4c7899;
    --border: #555555;
    --muted: #888888;
    --focused: #285577;
    --unfocused: #3a3a3a;
    --body-font: 'DejaVu Sans Mono', 'Liberation Mono', 'Courier New', monospace;
    --heading-font: var(--body-font);
    --gap: 8px;
}

body {
    background-color: var(--bg);
    color: var(--fg);
    font-family: var(--body-font);
}

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

a:hover {
    color: #6c98b9;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
}

header, nav, main, footer, article {
    border: 2px solid var(--border);
    background-color: var(--window-bg);
}

header, article h1, article h2 {
    background-color: var(--unfocused);
    color: var(--muted);
    border-bottom: 2px solid var(--border);
    text-align: left;
}

header {
    background-color: var(--focused);
    color: var(--fg);
    border-color: var(--accent);
    border-bottom: 2px solid var(--accent);
    text-align: center;
}

article h1, article h2 {
    background-color: var(--focused);
    color: var(--fg);
    border-color: var(--accent);
}

main {
    background-color: var(--bg);
}

main > h1, main > h2 {
    background-color: var(--unfocused);
    color: var(--muted);
    border: 2px solid var(--border);
}

nav a {
    color: var(--fg);
    background-color: var(--unfocused);
    border: 1px solid var(--border);
}

nav a:hover, nav a.active {
    background-color: var(--focused);
    color: var(--fg);
    border-color: var(--accent);
}

#theme-select {
    background-color: var(--unfocused);
    color: var(--fg);
    border: 1px solid var(--border);
}

#theme-select:hover {
    background-color: var(--focused);
    color: var(--fg);
    border-color: var(--accent);
}

#theme-select option {
    background-color: var(--window-bg);
    color: var(--fg);
}

.blog-preview {
    border: 2px solid var(--border);
    background-color: var(--window-bg);
}

.blog-preview h2 {
    background-color: var(--focused);
    color: var(--fg);
    border-color: var(--accent);
    border-bottom: 2px solid var(--accent);
}

.tag {
    background-color: var(--unfocused);
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 0;
}

.blog-categories {
    background-color: var(--bg);
    border: 2px solid var(--border);
}

.category-tab {
    background-color: var(--unfocused);
    color: var(--fg);
    border: 1px solid var(--border);
    border-radius: 0;
}

.category-tab:hover {
    background-color: var(--focused);
    color: var(--fg);
}

.category-tab.active {
    background-color: var(--focused);
    border-color: var(--accent);
    color: var(--fg);
}

.blog-search-input {
    background-color: var(--window-bg);
    color: var(--fg);
    border: 2px solid var(--border);
}

.blog-search-input:focus {
    border-color: var(--accent);
}

.github-profile {
    border: 2px solid var(--border);
    background-color: var(--window-bg);
}

.github-avatar {
    border: 2px solid var(--accent);
    border-radius: 0;
}

.github-stats {
    color: var(--muted);
}

.github-section {
    border: 2px solid var(--border);
    background-color: var(--window-bg);
}

.github-section h2 {
    background-color: var(--focused);
    color: var(--fg);
    border-bottom: 2px solid var(--accent);
}

.github-list li {
    border-bottom: 1px solid var(--border);
}

.github-list li:last-child {
    border-bottom: none;
}

.github-list li a {
    color: var(--accent);
}

.github-list li.selected {
    background-color: var(--focused);
    color: var(--fg);
}

.github-list li.selected a {
    color: var(--fg);
}

.github-meta {
    color: var(--muted);
}

.github-branch-card .github-meta,
#github-contrib-activity .github-meta {
    color: var(--accent);
    font-weight: bold;
    font-size: 13px;
}

.github-list li p {
    color: var(--fg);
}

.github-repo-header a {
    color: var(--accent);
}

.github-branch-card {
    border: 2px solid var(--border);
    background-color: var(--bg);
}

.github-branch-card h4 {
    background-color: var(--focused);
    color: var(--fg);
    border-bottom: none;
}

.github-branch-card h4 a {
    color: var(--fg);
}

footer {
    background-color: var(--bg);
    color: var(--muted);
    border: 2px solid var(--border);
}