/* v3.9.3 Theme Toggle Fix */









/* Light runtime */




body.theme-light,




body.theme-runtime-light {




    --frontend-bg: var(--light-bg) !important;




    --frontend-card-bg: var(--light-card) !important;




    --frontend-text: var(--light-text) !important;




    --frontend-muted: var(--light-muted) !important;




    --primary-color: var(--light-primary) !important;




    --button-text-color: var(--light-button-text) !important;




}









/* Dark runtime */




body.theme-dark,




body.theme-runtime-dark,




body.theme-auto.theme-runtime-dark {




    --frontend-bg: var(--dark-bg) !important;




    --frontend-card-bg: var(--dark-card) !important;




    --frontend-text: var(--dark-text) !important;




    --frontend-muted: var(--dark-muted) !important;




    --primary-color: var(--dark-primary) !important;




    --button-text-color: var(--dark-button-text) !important;




}









/* Force repaint of important elements */




body.frontend-body {




    background:




        radial-gradient(circle at top left, color-mix(in srgb, var(--primary-color) 16%, transparent), transparent 34rem),




        radial-gradient(circle at top right, rgba(59, 130, 246, .12), transparent 30rem),




        var(--frontend-bg) !important;




    color: var(--frontend-text) !important;




}









.site-header {




    background: color-mix(in srgb, var(--frontend-card-bg) 84%, transparent) !important;




    border-bottom-color: color-mix(in srgb, var(--frontend-muted) 18%, transparent) !important;




}









.site-brand,




.site-nav a,




.search-title,




.result-domain,




.empty-state h2 {




    color: var(--frontend-text) !important;




}









.search-subtitle,




.results-meta,




.result-card .result-snippet,




.empty-state p {




    color: var(--frontend-muted) !important;




}









.pro-hero-card,




.pro-search-panel,




.pro-results-card,




.result-card,




.popular-widget,




.pro-results-meta {




    background: color-mix(in srgb, var(--frontend-card-bg) 90%, transparent) !important;




    border-color: color-mix(in srgb, var(--frontend-muted) 18%, transparent) !important;




}









.pro-search-box,




.header-mini-search,




.popular-tags a,




.suggestions {




    background: color-mix(in srgb, var(--frontend-card-bg) 96%, white 4%) !important;




    border-color: color-mix(in srgb, var(--frontend-muted) 20%, transparent) !important;




}









.pro-search-box input,




.header-mini-search input {




    color: var(--frontend-text) !important;




}









.pro-search-box input::placeholder,




.header-mini-search input::placeholder {




    color: var(--frontend-muted) !important;




}









.header-mini-search button,




.pro-search-box button {




    background: var(--primary-color) !important;




    color: var(--button-text-color) !important;




}









.theme-toggle {




    background: color-mix(in srgb, var(--frontend-card-bg) 96%, white 4%) !important;




    color: var(--frontend-text) !important;




    border-color: color-mix(in srgb, var(--frontend-muted) 20%, transparent) !important;




}









.result-card .result-title a {




    color: var(--primary-color) !important;




}









.popular-tags a {




    color: var(--frontend-text) !important;




}









.suggestion-item {




    color: var(--frontend-text) !important;




}









.suggestion-item:hover {




    background: color-mix(in srgb, var(--frontend-muted) 12%, transparent) !important;




}









/* Dark-specific softer footer */




body.theme-dark .site-footer,




body.theme-runtime-dark .site-footer {




    background: #000814 !important;




}