/* Zombie Drinks: near-black greens with the logo's slime green as accent. Loaded after site.css. */
:root {
    --navy: #0b130d;
    --navy-mid: #1c3a1f;
    --accent: #6be52e;
    --accent-text: #2f7d12;
}

/* Dark header, so the glowing wordmark sits on the background it was drawn for. */
.site-header { background: var(--navy); border-bottom-color: #000; }
.brand img { height: 56px; }
.site-nav a:not(.button) { color: #e3f3da; }
.site-nav a:not(.button):hover { color: var(--accent); }
.site-header .button { background: var(--accent); border-color: var(--accent); color: var(--navy); }
.site-header .button:hover { background: #fff; border-color: #fff; color: var(--navy); }
.site-header .button-outline { background: transparent; border-color: var(--accent); color: #fff; }
.site-header .button-outline:hover { background: var(--accent); border-color: var(--accent); color: var(--navy); }
.site-nav .button.nav-active { background: var(--accent); border-color: var(--accent); color: var(--navy); box-shadow: 0 4px 0 -1px #fff; }
.site-nav .button.nav-active:hover { background: #fff; border-color: #fff; }

.hero { color: #d6e8cf; }
/* The round logo brings its own background: no oval or ring behind it. */
.hero-logo::before, .hero-logo::after { display: none; }
.hero-logo img { width: 90%; filter: drop-shadow(0 24px 50px rgba(0, 0, 0, 0.5)); }

.footer-logo { width: 160px; margin: 0; filter: none; transform: none; }
.site-footer { color: #b7c9b0; }