/* Space, radii, elevation, motion — from the live site. */
:root{
--sp-1:.5rem;--sp-2:.875rem;--sp-3:1.25rem;--sp-4:2rem;--sp-5:3rem;--sp-6:4.5rem;--sp-7:7rem;
--maxw:1320px;

--radius:3px; /* controls, inputs, CTAs */
--radius-close:6px; /* close buttons */
--radius-toast:8px;
--radius-card:10px; /* path cards, modals */
--radius-sheet:12px; /* gate card */
--radius-auth:14px; /* auth sheet */
--radius-pill:999px;

--shadow-toast:0 10px 34px #080e126b;
--shadow-modal:0 30px 90px #04080c80;
--shadow-media:0 30px 90px #04080c99;
--shadow-gate:0 24px 70px #080e1280;
--shadow-drawer:-20px 0 60px #080c1057;
--shadow-cta-inset:inset 0 0 0 1px #fdfcfa38;
--text-shadow-hero:0 1px 3px #101a22f2,0 2px 16px #101a22bf;

--ease:cubic-bezier(.22,.61,.36,1); /* @kind other */
--dur-fast:.18s; /* @kind other */
--dur:.34s; /* @kind other */
--dur-slow:.9s; /* @kind other */
--blur-glass:6px; /* @kind other */
--blur-toast:14px; /* @kind other */
--blur-scrim:3px; /* @kind other */

--z-modal:200; /* @kind other */
--z-drawer:300; /* @kind other */
--z-media:400; /* @kind other */
--z-toast:600; /* @kind other */
}