:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
/* radii — social surfaces are square; capsules/CTAs echo the pill-ended logo bars */
--radius-none:0;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;
/* shadows — soft, used for 3D support elements and floating cards */
--shadow-sm:0 2px 8px rgba(0,0,0,.08);
--shadow-md:0 8px 24px rgba(0,0,0,.12);
--shadow-lg:0 16px 48px rgba(0,0,0,.18);
--shadow-brand:0 8px 24px rgba(243,112,33,.35);
--focus-ring-width:2px;
}