/* MuizenMesh Webring - Dark Theme */
/* Dark background with cyan accents for modern sites */

.webring-banner,
webring-banner .webring-banner {
    --webring-bg: #212529 !important;
    --webring-border: #495057 !important;
    --webring-text: #f8f9fa !important;
    --webring-accent: #0dcaf0 !important;
    
    background-color: var(--webring-bg) !important;
    border-color: var(--webring-border) !important;
    color: var(--webring-text) !important;
}

.webring-banner .webring-banner__title a,
webring-banner .webring-banner__title a {
    color: var(--webring-accent) !important;
}

.webring-banner .webring-banner__link,
webring-banner .webring-banner__link {
    color: var(--webring-accent) !important;
}

.webring-banner .webring-banner__info,
webring-banner .webring-banner__info {
    border-color: var(--webring-border) !important;
    color: var(--webring-text) !important;
}

.webring-banner .webring-banner__info:hover,
webring-banner .webring-banner__info:hover {
    color: var(--webring-accent) !important;
    border-color: var(--webring-accent) !important;
}

/* Usage: Add class="theme-dark" to your webring-banner element */