:root {
    --sl-background: #f8f9fa;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--sl-background, #f8f9fa);
    color: var(--sl-text, #212529);
}

.sl-site-main {
    flex: 1 1 auto;
}

.sl-site-header .navbar-brand {
    color: var(--sl-text, #212529);
}

.sl-site-header .nav-link {
    color: var(--sl-text, #212529);
    font-weight: 500;
}

.sl-site-header .nav-link:hover,
.sl-site-header .nav-link:focus {
    color: var(--sl-primary, #0d6efd);
}

.sl-brand-logo .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

.sl-brand-logo img {
    max-height: 48px;
    width: auto;
}

.sl-footer-link,
.sl-footer-nav a {
    color: var(--sl-text-muted, #6c757d);
    text-decoration: none;
    font-size: 0.875rem;
}

.sl-footer-link:hover,
.sl-footer-nav a:hover {
    color: var(--sl-primary, #0d6efd);
}

.sl-page-content a,
.sl-front-page-content a,
.sl-entry-summary a {
    color: var(--sl-primary, #0d6efd);
}

.sl-pagination .page-numbers {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin: 0 0.125rem;
    border: 1px solid var(--sl-border, #dee2e6);
    border-radius: 0.375rem;
    text-decoration: none;
    color: var(--sl-text, #212529);
    background: var(--sl-surface, #fff);
}

.sl-pagination .page-numbers.current {
    background: var(--sl-primary, #0d6efd);
    border-color: var(--sl-primary, #0d6efd);
    color: #fff;
}