/* Optional olive palette. Remove its stylesheet link to restore the original colours. */
:root {
    --green-900: #18220f;
    --green-800: #26351a;
    --green-700: #364a24;
    --green-600: #536739;
    --green-100: #cbd5a6;
    --green-50: #dce3c2;
    --ink: #252b1e;
    --muted: #566047;
    --line: #bcc6a2;
    --olive-background: #e6eace;
    --olive-surface: #f5f6e9;
    --surface: var(--olive-surface);
    --shadow: 0 10px 30px rgba(24,34,15,.08);
}
body { background: var(--olive-background); }
.site-header { background: rgba(230,234,206,.97); }
.card, .month-card, .nav-group__items,
.booking-field input, .booking-field select, .booking-field textarea {
    background: var(--olive-surface);
}
.hero .button--primary { background: var(--olive-surface); }
.page-home .hero .button--primary {
    background: var(--olive-background);
    color: #18220f;
}
.page-home .hero .button--primary:hover {
    background: #becb93;
    color: #18220f;
}
.button--secondary:hover { background: #becb93; }
.page-header--plain {
    background-image:
        radial-gradient(circle at 88% -10%, rgba(165,196,138,.32), transparent 48%),
        radial-gradient(circle at 5% 120%, rgba(165,196,138,.14), transparent 40%),
        linear-gradient(120deg,#18220f,#364a24);
}
.hero__shade { background: linear-gradient(90deg,rgba(20,29,12,.83),rgba(20,29,12,.28)); }
.hero__video-toggle { background: rgba(20,29,12,.7); }
.site-footer, .site-footer a, .site-footer .prose, .site-footer .prose p, .site-footer .prose li { color: #e5ead6; }
.site-footer__heading, .site-footer__bottom { color: #c3cda9; }
.prose p, .prose li { color: #39412e; }
@media (max-width:1050px) {
    .site-menu[open] > .main-nav { background: var(--olive-background); }
}

/* Brighter green accents for the homepage overview panels. */
.page-home .shortcuts-section,
.page-home .intro-grid > .fact-box {
    background: #a5c48a;
    border-color: #91ae78;
}
.page-home .shortcuts-section > .container > .section__title,
.page-home .intro-grid > .fact-box h2,
.page-home .intro-grid > .fact-box ul {
    color: #10230c;
}

/* Olivenaccenter til finpudsningslaget i site.css. */
.hero h1::after { background: #a5c48a; }
.site-footer { border-top-color: #91ae78; }