/* Dark theme */
body.theme-dark {
    --color-background: #111111 !important;
    --color-text: #FFFFFF !important;
    --color-text-muted: #9BA1AC !important;
    --color-border: #333333 !important;
    --color-button: #222222 !important;
    --color-button-hover: #FFFFFF !important;
    --color-link: #FFFFFF !important;
    background-color: var(--color-background) !important;
}

/* Super specific selectors for info links */
body.theme-dark .info-links a.style-button.link,
body.theme-dark .info-links a {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Style buttons */
body.theme-dark .style-nav .style-button {
    background-color: #222222 !important;
    color: #FFFFFF !important;
}

/* Hover states */
body.theme-dark .info-links a:hover,
body.theme-dark .info-links .style-button.link:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

body.theme-dark .style-nav .style-button:hover {
    background: #FFFFFF !important;
    color: #111111 !important;
}

/* Active states */
body.theme-dark .style-nav .style-button.active,
body.theme-dark .style-nav .style-button.active:hover {
    background: #FFFFFF !important;
    color: #111111 !important;
    
}

/* Add to dark.css */
body.theme-dark .logo-link,
body.theme-dark .logo-link:visited {
    color: var(--color-text) !important;
}