: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;--space-10:128px;
--section-y:var(--space-9);--section-y-mobile:var(--space-8);
--container:1200px;--gutter:24px;--gutter-desktop:48px;
/* radii — packaging is soft: pills for buttons/tags, gentle corners on cards */
--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
/* borders */
--border-hairline:1px;/* @kind spacing */
/* shadows — brand is flat; only a soft ambient lift for floating layers */
--shadow-soft:0 8px 24px -12px rgba(58,42,36,.25);
--shadow-float:0 24px 48px -20px rgba(58,42,36,.35);
/* motion — slow and gentle */
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */
--dur-fast:180ms;/* @kind other */--dur-base:320ms;/* @kind other */--dur-slow:500ms;/* @kind other */
--stagger:80ms;/* @kind other */
--hover-lift:translateY(-1px);/* @kind other */--hover-scale:1.02;/* @kind other */
}