/* The turquoise-to-purple gradient is reserved for rotating hero text. */
:root{--accent-text-gradient:linear-gradient(110deg,#5fe3d8,#8fd3f0)}
#dc-root .hero-rotate span{background-image:var(--accent-text-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}

/* Solid surfaces and actions; photographic readability overlays stay intact. */
body{background:#e7e8e5!important}
html[data-mi-theme=dark] body{background:#0c1218!important}
#dc-root .mi-assistant-shell{background:#122f4b!important}
#dc-root .mi-gaming-builds{background:#0c152b!important}
#dc-root .mi-build-card{background:#120f2a!important}
#dc-root .mi-gaming-builds:before,.mi-global-header .mi-logo-crop:before{background:none!important}
:is(.btn-primary,.btn-light,.mi-header-contact,.mi-header-whatsapp,.mi-assistant-submit button[type=submit],.mi-article-cta a,.mi-newsletter button):before{background:none!important}
.mi-header-actions>a:after,.mi-site-overlay a:after,.mi-build-card>a:after,.mi-floating-actions>*:after{background:none!important}

#dc-root .tile>div[style*="gradient"]{background:none!important}
#dc-root .diag-card{background:#183548!important}