/* Birdpx neutral surface system: green is an accent, not a page background. */
:root{
    --bg:#111210;
    --panel:#181917;
    --panel2:#20211e;
    --line:rgba(226,230,219,.105);
    --surface:#181917;
    --surface-raised:#1d1e1b;
    --surface-soft:#151614;
    --surface-line:rgba(226,230,219,.105);
}

html,body{background:#111210}
body{background-image:radial-gradient(circle at 50% -20%,rgba(255,255,255,.028),transparent 34%)}

/* Main navigation stays dark and quiet; the green brand color remains an accent. */
.topbar{background:#0d0e0c;border-bottom-color:rgba(255,255,255,.07)}
.site-header{
    background:#121310!important;
    background-image:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
    border-bottom-color:rgba(255,255,255,.08)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
.site-header:before,.site-header:after{opacity:.035!important}
.global-search{background:#0e0f0d;border-color:rgba(255,255,255,.11)}
.global-search button{border-left-color:rgba(255,255,255,.09)}
.profile-dropdown,.notification-dropdown{background:#171815!important;border-color:rgba(255,255,255,.11)!important}
.profile-dropdown:before{background:#171815;border-color:rgba(255,255,255,.11)}
.profile-dropdown>a:hover,.profile-dropdown button:hover{background:#20211e!important}

/* Shared surfaces. These selectors cover the public site, profile, forum and admin. */
.hero-side,.forum-section,.ranking-board,.profile-hero,.profile-form-card,.avatar-editor,
.form-card,.quota-card,.exif-card,.rules-summary,.editor-card,.admin-module-grid>a,
.admin-panel,.admin-card,.forum-post,.forum-form,.search-users a,.search-species a,
.species-index-grid>a,.species-story section,.species-detail-panel,.species-observation-center,
.observation-dashboard-panel,.observation-showcase-body,.home-density-card,
.home-season-card,.home-place-card,.home-simple-list,.legal-layout article,
.technical-panel,.safe-location-card,.species-detail-card,.photographer-profile-card,
.photo-summary-accordion,.photo-info-rail,.photo-action-bar,.review-queue-grid>a,
.review-tabs a.active,.ask-form,.ask-detail,.ask-answers article,.ask-answer-form,.ask-login{
    background-color:var(--surface)!important;
    background-image:none!important;
    border-color:var(--surface-line)!important;
    box-shadow:none;
}

/* Nested and secondary panels use a small luminance change instead of green tint. */
.ranking-board>header,.footer-partner,.footer-partners,.footer-bottom,
.profile-stats,.profile-community-list>a,.technical-grid>div,.photo-info-rail>div,
.species-guide-facts>span,.species-quick-facts span,.ask-detail-facts div,
.observation-type-tabs a,.explore-paths>div>a,.explore-regions a,.seasonal-distribution,
.explore-stats,.home-row-user,.home-row-count{
    background-color:var(--surface-raised)!important;
    background-image:none!important;
    border-color:var(--surface-line)!important;
}
.site-footer{background:#0e0f0d;border-top-color:rgba(255,255,255,.08)}
.footer-partners{background:#131412!important}
.ranking-board li>a:hover,.footer-partner:hover,.profile-community-list>a:hover{
    background:#232420!important;
}

/* Slimmer visual separators. */
.quick-links,.hero-shell,.ranking-board,.footer-partner,.profile-hero,.profile-form-card,
.avatar-editor,.form-card,.quota-card,.exif-card,.rules-summary,.forum-post,
.species-index-grid>a,.technical-panel,.safe-location-card,.species-detail-card,
.photographer-profile-card,.photo-summary-accordion,.review-queue-grid>a,
.admin-module-grid>a,.admin-panel,.admin-card{
    border-width:1px!important;
    border-color:var(--surface-line)!important;
}
.quick-links a,.topic-list a,.ranking-board>header,.ranking-board li,.footer-bottom,
.footer-partners,.profile-stats,.profile-stats>* ,.technical-grid,.technical-grid>div,
.photo-info-rail>div,.photo-action-bar,.compact-action,.compact-rating,.review-tabs,
.legal-tabs,.legal-tabs a,.legal-layout article h2,.seasonal-row,.seasonal-row>span{
    border-color:rgba(226,230,219,.085)!important;
}
.review-tabs a.active,.legal-tabs a.active,.observation-type-tabs a.active{
    background:#20211d!important;
}

/* Preserve green for status and actions without turning whole blocks green. */
.account .join,.primary,.upload-submit,.login-submit,.ask-primary{
    background:var(--accent)!important;
    color:#11130e!important;
}
.quality-mark,.observation-type-tabs a.active{
    background:rgba(165,184,107,.09)!important;
}

@media(max-width:900px){
    .mobile-bottom-nav,.mobile-more-menu>div{
        background:rgba(20,21,18,.97)!important;
        border-color:rgba(255,255,255,.1)!important;
    }
    .mobile-bottom-nav>a.active,.mobile-more-menu>summary.active{background:rgba(165,184,107,.09)!important}
}