:root{
/* 4px base scale */
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;
/* Radii — geometric-rounded, echoing the logo letterforms */
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
/* Shadows — soft, cool, low-spread */
--shadow-card:0 1px 2px rgba(17,20,23,.05),0 1px 3px rgba(17,20,23,.06);
--shadow-lift:0 12px 32px -8px rgba(17,20,23,.16);
--shadow-dialog:0 24px 64px -12px rgba(17,20,23,.28);
/* Layout */
--container:1200px; --section-pad:96px; --header-h:76px;
}