:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:8px; /* small controls */
--radius-md:12px; /* inputs, chips-in-cards */
--radius-lg:24px; /* cards, image blocks */
--radius-xl:32px; /* hero cards */
--radius-pill:999px; /* pills, buttons, tags — signature shape */
--shadow-card:0 2px 8px rgba(26,21,32,.05),0 12px 32px rgba(26,21,32,.07);
--shadow-float:0 8px 40px rgba(26,21,32,.16);
--ease-brand:cubic-bezier(.4,0,.2,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-med:300ms; /* @kind other */
}