/* Shared theme rules (uses variables from styles/themes/<palette>.css). Do not edit :root here. */

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    font-weight: var(--font-weight-body);
}

#markdown-content code,
#markdown-content pre {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
}

.sidebar {
    background-color: var(--color-sidebar-bg);
}

.sidebar-header h1 {
    color: var(--color-sidebar-title, var(--color-text));
}

.nav-link {
    color: var(--color-nav-idle);
}

.external-icon {
    color: var(--color-nav-idle);
}

.section-title {
    color: var(--color-section-title);
}

.sidebar-footer {
    background-color: var(--color-sidebar-active);
}

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

.nav-link:hover {
    background-color: var(--color-nav-hover-bg);
    color: var(--color-nav-hover-text);
}

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

.nav-link.active {
    background-color: var(--color-sidebar-active);
    color: var(--color-nav-active-text);
}

/* Colors and line-height; padding/overflow in layout.css */
.main-content {
    background-color: var(--color-content-bg);
    line-height: 1.7;
    color: var(--color-text);
}

#markdown-content a,
#tag-posts-list h2 a,
.post-link,
.post-tags .tag-link {
    color: var(--color-accent);
    font-weight: var(--font-weight-heading);
}

#markdown-content blockquote {
    border-left: 4px solid var(--color-accent);
    color: var(--color-muted);
}

#markdown-content a:hover,
#tag-posts-list h2 a:hover,
.post-link:hover,
.post-tags .tag-link:hover {
    color: var(--color-accent-hover);
}