:root {
    --bg: #f5f2eb;
    --fg: #121618;
    --muted: #687074;
    --accent: #a97931;
    --accent-soft: #d8b875;
    --border: rgba(18, 22, 24, .15);
    --card: rgba(255, 255, 255, .42);
    --surface-strong: #242b2e;
    --footer: #121618;
    --footer-fg: #bbc0c1;
}

.theme-hivault .brand-mark,
.theme-hivault .eyebrow,
.theme-hivault .card-number {
    color: var(--accent);
}

.theme-hivault .brand {
    letter-spacing: -.04em;
}

.theme-hivault .site-header {
    min-height: 5.75rem;
}

.theme-hivault .blog-hero {
    min-height: 31rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 61rem;
}

.theme-hivault .blog-hero h1 {
    max-width: 58rem;
    font-size: clamp(2.8rem, 6vw, 5.6rem);
}

.theme-hivault .article-grid {
    border-top: 1px solid var(--border);
}

.theme-hivault .card {
    border-width: 0 0 1px;
    border-radius: 0;
    background: transparent;
}

.theme-hivault .card:hover {
    background: rgba(255, 255, 255, .38);
}

.theme-hivault .card-action a {
    color: var(--fg);
    font-weight: 750;
    text-decoration-color: var(--accent);
    text-underline-offset: .3rem;
}

.theme-hivault .post-header {
    padding-block: clamp(4rem, 10vw, 8rem);
    border-bottom: 1px solid var(--border);
    margin-bottom: 3rem;
}

.theme-hivault .post-header h1 {
    max-width: 58rem;
    font-size: clamp(2.8rem, 6vw, 5.3rem);
}

.theme-hivault .site-footer {
    color: var(--footer-fg);
    background: var(--footer);
}

.theme-hivault .footer-brand {
    color: var(--bg);
}

@media (max-width: 44rem) {
    .theme-hivault .site-header {
        min-height: 4.75rem;
    }

    .theme-hivault .blog-hero {
        min-height: 24rem;
    }
}