body.venom-shared-enabled {
    background: var(--venom-bg);
    color: var(--venom-text);
}

.venom-shared-page-shell {
    position: relative;
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--venom-accent) 10%, transparent) 0%, transparent 38%),
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--venom-accent-soft) 12%, transparent) 0%, transparent 44%);
}

.venom-shared-announcement {
    position: relative;
    z-index: 61;
}

#header.venom-shared-header {
    border-bottom: 1px solid var(--venom-border);
    backdrop-filter: blur(12px);
    background: var(--venom-header-bg);
}

#header.venom-shared-header .topbar {
    border-bottom: 1px solid color-mix(in srgb, var(--venom-border) 72%, transparent);
    background: color-mix(in srgb, var(--venom-bg-elevated) 94%, transparent);
}

#header.venom-shared-header .navbar,
#header.venom-shared-header .main-navbar-wrapper {
    background: transparent;
}

#header.venom-shared-header .navbar .search .form-control,
#header.venom-shared-header .navbar .search .btn {
    border-color: color-mix(in srgb, var(--venom-border) 72%, var(--venom-accent) 28%);
}

#main-body.venom-shared-main-body {
    padding-top: 1.5rem;
}

#footer.venom-shared-footer {
    margin-top: 2rem;
    border-top: 1px solid var(--venom-border);
    background: color-mix(in srgb, var(--venom-bg-elevated) 90%, transparent);
}

#footer.venom-shared-footer .nav-link,
#footer.venom-shared-footer .list-inline-item .btn,
#footer.venom-shared-footer .copyright {
    color: var(--venom-text-soft);
}

#footer.venom-shared-footer .nav-link:hover,
#footer.venom-shared-footer .list-inline-item .btn:hover {
    color: var(--venom-accent);
}

@media (max-width: 991px) {
    #main-body.venom-shared-main-body {
        padding-top: 1rem;
    }
}