@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* MyDomina — Noctis #1F2235 · Marigold #E3A419 · Ivory Stone #c0af99 */
:root,
body.blogg,
body.blogg.blogg-landing-page,
.blogg-landing-page,
body.auth-site {
    --blog-accent: #e3a419;
    --blog-accent-2: #e3a419;
    --blog-bg: #1f2235;
    --blog-bg-soft: #2a2e42;
    --blog-card: #c0af99;
    --blog-ink: #1f2235;
    --blog-muted: #1f2235;
    --blog-border: #e3a419;
    --blog-on-accent: #1f2235;
    --blog-header-bg: #1f2235;
    --blog-menu-bg: #1f2235;
    --blog-tag-bg: #c0af99;
    --blog-more: #1f2235;
}

body.blogg.blogg-landing-page,
.blogg-landing-page {
    --blog-header-bg: #1f2235;
    background: #1f2235;
    color: #e3a419;
}

body.blogg.blogg-landing-page .blog-header--landing {
    background: #1f2235;
    border-bottom: 2px solid #e3a419;
}

body.blogg.blogg-landing-page .blog-header-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
}

body.blogg.blogg-landing-page .blog-landing-brand {
    grid-column: 2;
    align-items: center;
    text-align: center;
}

body.blogg.blogg-landing-page .blog-header-actions {
    grid-column: 3;
    justify-self: end;
}

body.blogg.blogg-landing-page .blog-brand-name,
body.blogg.blogg-landing-page .blog-brand-tag,
body.blogg.blogg-landing-page .blog-nav-link,
body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover,
body.blogg.blogg-landing-page .blog-admin-menu-btn {
    color: #e3a419;
}

body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover {
    border-bottom-color: #e3a419;
}

body.blogg.blogg-landing-page .blog-nav-landing {
    justify-content: center;
    border-top-color: rgba(227, 164, 25, 0.35);
}

body.blogg.blogg-landing-page .blog-brand-name {
    font-family: Cinzel, Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.12em;
}

body.blogg.blogg-landing-page .blog-landing-card,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-body,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media--empty,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side {
    background: #c0af99 !important;
}

body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side,
body.blogg.blogg-article-page .blog-article {
    border: 3px solid #e3a419 !important;
    box-shadow: 0 0 0 1px rgba(255, 220, 140, 0.35), inset 0 1px 0 rgba(255, 236, 180, 0.4);
}

body.blogg.blogg-landing-page .blog-landing-card .blog-kort-title,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-excerpt,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-more,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-tag,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-date {
    color: #1f2235;
}

body.blogg.blogg-landing-page .blog-kort-tag {
    background: #d4c4b0;
    color: #1f2235;
}

body.blogg.blogg-landing-page .blog-admin-menu-btn {
    background: transparent;
    border-color: rgba(227, 164, 25, 0.55);
    color: #e3a419;
}

body.blogg.blogg-landing-page .blog-admin-menu-panel {
    background: #1f2235;
    border-color: #e3a419;
}

body.blogg.blogg-landing-page .blog-admin-menu-panel .blog-btn,
body.blogg.blogg-landing-page .blog-admin-menu-panel .blog-btn-ghost {
    color: #e3a419;
    border-color: #e3a419;
}

body.blogg.blogg-landing-page .blog-footer {
    color: #e3a419;
    border-top-color: #e3a419;
}

body.blogg.blogg-article-page,
body.blogg.blogg-editor-page {
    background: #1f2235;
    color: #e3a419;
}

body.blogg.blogg-article-page .blog-article,
body.blogg.blogg-editor-page .blog-editor {
    background: #c0af99;
    color: #1f2235;
}

body.blogg.blogg-article-page .blog-article h1,
body.blogg.blogg-article-page .blog-article-body,
body.blogg.blogg-article-page .blog-article-body p,
body.blogg.blogg-article-page .blog-article-body h2,
body.blogg.blogg-article-page .blog-back,
body.blogg.blogg-editor-page .blog-editor h1,
body.blogg.blogg-editor-page .blog-field label {
    color: #1f2235;
}

body.blogg.blogg-article-page .blog-article-date {
    color: #e3a419;
}

body.blogg.blogg-editor-page .blog-input,
body.blogg.blogg-editor-page .blog-textarea,
body.blogg.blogg-editor-page .post-recipe-input,
body.blogg.blogg-editor-page .post-recipe-textarea {
    background: #c0af99;
    color: #1f2235;
    border-color: #e3a419;
}

body.auth-site {
    background: #1f2235;
    --auth-solid: #1f2235;
    --auth-veil: #1f2235;
    --auth-veil-2: #1f2235;
    --auth-hero: none;
}

body.auth-site .auth-card,
body.auth-site .auth-partners {
    background: #2a2e42;
    border-color: rgba(227, 164, 25, 0.35);
}

body.auth-site .auth-brand-name {
    font-family: Cinzel, Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: #e3a419;
}

body.auth-site .auth-title,
body.auth-site .auth-field label,
body.auth-site .auth-submit {
    color: #e3a419;
}

body.auth-site .auth-brand-tag,
body.auth-site .auth-legal,
body.auth-site .auth-partner-desc,
body.auth-site .auth-links a,
body.auth-site .auth-partner-name,
body.auth-site .auth-partners-label {
    color: #c0af99;
}

body.auth-site .auth-field input {
    background: #1f2235;
    color: #c0af99;
    border-color: rgba(227, 164, 25, 0.35);
}

body.auth-site .auth-submit {
    background: #e3a419;
    color: #1f2235;
}

body.auth-site .auth-field input:focus {
    border-color: #e3a419;
    box-shadow: 0 0 0 3px rgba(227, 164, 25, 0.28);
}