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

/* Fettegodt — paletten er BAKGRUNN. Ingen grønn skrift. Én blekkfarge. */
:root,
body.blogg {
    --fg-ink: #2a2622;
    --blog-accent: #2a2622;
    --blog-accent-2: #2a2622;
    --blog-bg: #f3ebdd;
    --blog-bg-soft: #cbbfaf;
    --blog-card: #f8f3ea;
    --blog-ink: #2a2622;
    --blog-muted: #2a2622;
    --blog-border: rgba(203, 191, 175, 0.95);
    --blog-on-accent: #2a2622;
    --blog-header-bg: transparent;
    --blog-menu-bg: #f3ebdd;
    --blog-tag-bg: #9aa085;
    --blog-more: #2a2622;
}

body.blogg.blogg-landing-page,
.blogg-landing-page {
    --blog-bg: #f3ebdd;
    --blog-card: #f8f3ea;
    --blog-ink: #2a2622;
    --blog-muted: #2a2622;
    --blog-more: #2a2622;
    --blog-header-bg: transparent;
    background-color: #f3ebdd;
    background-image:
        linear-gradient(rgba(243, 235, 221, 0.78), rgba(243, 235, 221, 0.86)),
        url('/assets/img/hero-lavkarbo-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #2a2622;
}

body.blogg.blogg-landing-page .blog-header--landing {
    background-color: #f3ebdd;
    background-image:
        linear-gradient(rgba(243, 235, 221, 0.78), rgba(243, 235, 221, 0.86)),
        url('/assets/img/hero-lavkarbo-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: none;
}

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-landing-brand .blog-brand-name {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.blogg.blogg-landing-page .blog-header-actions {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: .45rem;
}

body.blogg.blogg-hjem-rot .blog-header-actions .blog-nav-sok-btn {
    font-size: .75rem;
    padding: 0;
    border: 0;
    color: #2a2622;
}

body.blogg.blogg-landing-page .blog-nav-landing {
    justify-content: center;
    border-top-color: rgba(42, 38, 34, 0.22);
}

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: #2a2622;
}

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

body.blogg.blogg-landing-page .blog-admin-menu-btn,
body.blogg.blogg-landing-page .blog-admin-menu-panel {
    border-color: rgba(42, 38, 34, 0.28);
    background: #f3ebdd;
}

body.blogg.blogg-landing-page .blog-admin-menu-panel .blog-btn,
body.blogg.blogg-landing-page .blog-admin-menu-panel .blog-btn-ghost {
    color: #2a2622;
    border-color: rgba(42, 38, 34, 0.28);
    background: transparent;
}

body.blogg.blogg-landing-page .blog-footer {
    color: #2a2622;
    border-top-color: rgba(42, 38, 34, 0.18);
}

body.blogg.blogg-landing-page .blog-kort-title,
body.blogg.blogg-landing-page .blog-kort-excerpt,
body.blogg.blogg-landing-page .blog-kort-more,
body.blogg.blogg-landing-page .blog-kort-tag,
body.blogg.blogg-landing-page .blog-kort-date,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-menu-btn {
    color: #2a2622;
}

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: #f8f3ea !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: 2px solid #c9a227 !important;
    box-shadow: inset 0 0 0 1px rgba(232, 196, 96, .45);
}

body.blogg.blogg-landing-page .blog-kort-tag {
    background: #efe6d8;
    color: #2a2622;
}

body.blogg.blogg-landing-page .blog-landing-card .blog-kort-menu-btn {
    background: #cbbfaf;
    border-color: #cbbfaf;
}

body.blogg.blogg-article-page,
body.blogg.blogg-editor-page {
    background-color: #f3ebdd;
    background-image:
        linear-gradient(rgba(243, 235, 221, 0.78), rgba(243, 235, 221, 0.86)),
        url('/assets/img/hero-lavkarbo-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #2a2622;
}

body.blogg.blogg-article-page .blog-article,
body.blogg.blogg-editor-page .blog-editor,
body.blogg.blogg-editor-page .blog-input,
body.blogg.blogg-editor-page .blog-textarea {
    background: #f8f3ea;
    color: #2a2622;
}

body.auth-site {
    background: #0c0806;
    color: #f3ebdd;
    --auth-solid: #0c0806;
    --auth-veil: transparent;
    --auth-veil-2: transparent;
    --auth-wood: url('/assets/img/bg-treverk-kort.png');
    --auth-base: none;
    --auth-hero: url('/assets/img/hero-lavkarbo-2.png');
    --blog-accent: #f3ebdd;
    --blog-accent-2: #f3ebdd;
    --blog-bg: #1a120b;
    --blog-card: #1a120b;
    --blog-ink: #f3ebdd;
    --blog-muted: #e8dfd2;
    --blog-border: rgba(243, 235, 221, 0.35);
    --blog-on-accent: #1a120b;
}

body.auth-site .auth-card,
body.auth-site .auth-partners {
    background-color: #1a120b;
    background-image: var(--auth-wood);
    background-size: cover;
    background-position: center;
    border: 3px solid #e8d48a !important;
    box-shadow: 0 0 0 1px rgba(255, 244, 210, 0.35), inset 0 1px 0 rgba(255, 244, 210, 0.2);
}

body.auth-site .auth-brand-name {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.auth-site .auth-brand-name,
body.auth-site .auth-title,
body.auth-site .auth-field label,
body.auth-site .auth-remember,
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,
body.auth-site .auth-submit {
    color: #f3ebdd !important;
}

body.auth-site .auth-field input {
    background: #1a120b !important;
    color: #f3ebdd !important;
    border-color: rgba(232, 212, 138, 0.4);
}

body.auth-site .auth-field input:-webkit-autofill,
body.auth-site .auth-field input:-webkit-autofill:hover,
body.auth-site .auth-field input:-webkit-autofill:focus,
body.auth-site .auth-field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #1a120b inset !important;
    box-shadow: 0 0 0 1000px #1a120b inset !important;
    -webkit-text-fill-color: #f3ebdd !important;
    caret-color: #f3ebdd;
    border-color: rgba(232, 212, 138, 0.4) !important;
    transition: background-color 99999s ease-out;
}

body.auth-site .auth-submit {
    background: #1a120b !important;
    border: 1px solid rgba(232, 212, 138, 0.5);
}

body.auth-site .auth-submit:hover {
    background: #2a1c14 !important;
    border-color: #e8d48a;
    filter: none;
}

body.auth-site .auth-remember input {
    accent-color: #e8d48a;
}

body.auth-site .auth-field input:focus {
    border-color: #e8d48a;
    box-shadow: 0 0 0 3px rgba(232, 212, 138, 0.18);
}

body.auth-site .auth-err {
    background: rgba(120, 40, 30, 0.45);
    color: #f3ebdd;
    border-color: rgba(243, 180, 160, 0.4);
}