@import url("https://cdn.b-ramos.de/shared/fonts.css");

:root {
    --gh-font-heading: "Poppins", sans-serif;
    --gh-font-body: "Poppins", sans-serif;
}

html, body, .viewport, .site-content, .gh-viewport,
.site-wrapper, .article, .gh-canvas, .gh-content,
.post-card, .site-main, main {
    background-color: #090909 !important;
    color: #f6f1e7 !important;
}

.gh-head, #gh-head {
    background: #1e1b16 !important;
    color: #f6f1e7 !important;
}

.has-cover:not(.home-template) .gh-head {
    background: linear-gradient(90deg,
        #1e1b16 0%,
        #5a4a2a 50%,
        #1e1b16 100%
    ) !important;
}

.gh-foot, .site-footer {
    background: #1e1b16 !important;
    color: #f6f1e7 !important;
    padding-top: 22px;
    padding-bottom: 20px;
}

a { color: #e0bf66 !important; }
a:hover { color: #f6f1e7 !important; }

h1, h2, h3, h4, h5, h6 {
    background: linear-gradient(120deg,
        #a07840 0%,
        #e0bf66 45%,
        #f6f1e7 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline;
    padding-bottom: 0.08em;
}


p, li, figcaption, blockquote {
    color: #f6f1e7 !important;
}

hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e0bf66, transparent);
}

.page-template .article-header {
    padding: max(4vmin, 24px) 0 max(1.5vmin, 12px);
}

.page-template .article-title {
    margin-bottom: 0.3em;
}

.article-title {
    font-weight: 600;
}

/* Show logo/sitename on home page — Casper hides it by default when a cover is present */
.is-head-left-logo.home-template .gh-head .gh-head-logo {
    display: block !important;
}

@media (min-width: 768px) {
    .gh-head-logo {
        margin-right: 40px;
    }
}

.site-header-inner .site-title,
.site-header-inner .site-description {
    display: none;
}