/* GoodHood.SG — spacing, radius, shadow, motion tokens (derived from brand geometry; guideline defines none explicitly) */
: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;
/* Corner radii — the brand is emphatically rounded (logo corners ≈ 25% of mark) */
--radius-sm:8px;
--radius-md:12px;
--radius-lg:20px;
--radius-xl:28px;
--radius-pill:999px;
--shadow-card:0 1px 2px rgba(35,31,32,.05),0 4px 16px rgba(35,31,32,.07);
--shadow-raised:0 4px 10px rgba(35,31,32,.08),0 12px 32px rgba(35,31,32,.12);
--shadow-overlay:0 24px 64px rgba(35,31,32,.24);
--ease-out:cubic-bezier(.22,.85,.36,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
}