/* Keep the existing colors, gradients and hover feedback. Stacked live
   backdrop filters and pointer-following layers are not needed to use the app. */
html#digias-app[data-motion="calm"] body *,
html#digias-app[data-motion="calm"] body *::before,
html#digias-app[data-motion="calm"] body *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-motion="calm"] #pageAmbient,
html[data-motion="calm"] .page-ambient-orb,
html[data-motion="calm"] .hero-mesh-orb {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    will-change: auto !important;
}

/* These layers already use feathered radial gradients. A second 80–120px
   blur wastes large off-screen render targets without adding useful detail. */
html[data-motion="calm"] .page-ambient-orb,
html[data-motion="calm"] .hero-mesh-orb {
    filter: none !important;
}

html[data-motion="calm"] #dpMouseSpotlight,
html[data-motion="calm"] #dp-cursor-glow,
html[data-motion="calm"] #cursorGlow,
html[data-motion="calm"] #heroParticles {
    display: none !important;
}

html[data-motion="calm"] .sys-hero-preview {
    transform-style: flat;
}

/* Pause decorative gradients, not loading spinners or functional transitions. */
html[data-motion="calm"] .dp-welcome-card::before,
html[data-motion="calm"] .dp-welcome-card::after,
html[data-motion="calm"] .dp-welcome-icon {
    animation: none !important;
}

html#digias-app[data-motion="calm"] .sys-hero-copy h1,
html#digias-app[data-motion="calm"] .sys-section-head h2 {
    animation: none !important;
    background-position: 50% 50% !important;
}