/* Effects — elevation, gradients, materials, motion aliases. */
:root{
--shadow-xs:0 1px 2px rgba(17,19,38,.06);
--shadow-sm:0 1px 2px rgba(17,19,38,.05),0 2px 8px -2px rgba(17,19,38,.08);
--shadow-md:0 2px 4px rgba(17,19,38,.04),0 10px 24px -8px rgba(17,19,38,.14);
--shadow-lg:0 4px 10px rgba(17,19,38,.05),0 24px 56px -16px rgba(34,24,92,.24);
--shadow-xl:0 8px 20px rgba(17,19,38,.06),0 40px 96px -24px rgba(34,24,92,.36);
--shadow-glow-violet:0 0 0 1px rgba(112,87,255,.24),0 12px 40px -8px rgba(112,87,255,.48);
--shadow-glow-cyan:0 0 0 1px rgba(120,228,235,.3),0 12px 40px -8px rgba(31,178,190,.42);
--ring-focus:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-focus);
/* Brand gradients */
--gradient-signal:linear-gradient(120deg,#7057FF 0%,#8A7BFF 38%,#78E4EB 100%);/* @kind color */
--gradient-signal-soft:linear-gradient(120deg,#DDD7FF 0%,#D4F6F8 100%);/* @kind color */
--gradient-mist:linear-gradient(180deg,#DDD7FF 0%,#EEEBFF 42%,#F7F8FC 100%);/* @kind color */
--gradient-night:radial-gradient(60% 55% at 70% 28%,rgba(112,87,255,.55) 0%,rgba(112,87,255,0) 70%),radial-gradient(40% 40% at 18% 85%,rgba(120,228,235,.16) 0%,rgba(120,228,235,0) 70%),#111326;/* @kind color */
--gradient-iris:conic-gradient(from 210deg,#7057FF,#78E4EB,#DDD7FF,#9A88FF,#7057FF);/* @kind color */
--gradient-mesh-light:radial-gradient(48% 60% at 16% 20%,#DDD7FF 0%,transparent 70%),radial-gradient(40% 50% at 86% 14%,#D4F6F8 0%,transparent 70%),radial-gradient(60% 60% at 64% 92%,#EAE6FF 0%,transparent 70%),#F7F8FC;/* @kind color */
--gradient-protect-bottom:linear-gradient(180deg,rgba(10,11,24,0) 0%,rgba(10,11,24,.72) 100%);/* @kind color */
/* Materials */
--material-glass-bg:var(--color-surface-glass);/* @kind color */--material-glass-blur:saturate(160%) blur(18px);/* @kind other */--material-glass-border:1px solid rgba(255,255,255,.5);/* @kind other */
--material-matte-dark:linear-gradient(180deg,#1A1C30 0%,#111326 100%);/* @kind color */
--material-iris-edge:1.5px;/* @kind spacing */
/* Motion aliases */
--motion-hover:var(--qg-dur-fast) var(--qg-ease-standard);/* @kind other */
--motion-ui:var(--qg-dur-base) var(--qg-ease-standard);/* @kind other */
--motion-enter:var(--qg-dur-slow) var(--qg-ease-enter);/* @kind other */
--motion-scene:var(--qg-dur-scene) var(--qg-ease-morph);/* @kind other */
--motion-signature:var(--qg-dur-signature) var(--qg-ease-morph);/* @kind other */
--press-scale:.97;/* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{--qg-dur-scene:1ms;/* @kind other */--qg-dur-signature:1ms;/* @kind other */--qg-dur-slow:120ms;/* @kind other */--press-scale:1;/* @kind other */}}
[data-motion="reduced"]{--qg-dur-scene:1ms;/* @kind other */--qg-dur-signature:1ms;/* @kind other */--qg-dur-slow:120ms;/* @kind other */--press-scale:1;/* @kind other */}