:root{
/* Shadows — used sparingly; dark theme prefers glow over shadow */
--shadow-card:0 1px 2px rgba(12,18,24,.06),0 8px 24px rgba(12,18,24,.08);
--shadow-pop:0 2px 8px rgba(12,18,24,.12),0 16px 48px rgba(12,18,24,.18);
--glow-orange:0 0 32px rgba(249,175,59,.35);
--glow-pink:0 0 32px rgba(241,121,170,.35);
--glow-accent:0 4px 24px rgba(254,141,134,.35);
/* Motion — smooth-flow, high quality: long expo ease-outs, no bounces */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */ /* expo-out — the house easing */
--ease-inout:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:150ms; /* @kind other */--dur-med:300ms; /* @kind other */--dur-slow:600ms; /* @kind other */--dur-reveal:900ms; /* @kind other */
--blur-glass:16px; /* @kind other */
/* 3D space — stage grids & wireframes */
--grid-line-orange:rgba(249,175,59,.32); /* @kind color */
--grid-line-pink:rgba(241,121,170,.38); /* @kind color */
--grid-line-blue:rgba(74,122,150,.4); /* @kind color */
--perspective-stage:900px; /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{
--dur-fast:0ms; /* @kind other */
--dur-med:0ms; /* @kind other */
--dur-slow:0ms; /* @kind other */
--dur-reveal:0ms; /* @kind other */
}}