/* Spacing, radii, elevation, motion — derived from the restrained, editorial layouts in the guide */
: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;
--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;
--border-width:1px;--border-width-strong:2px;
--shadow-none:none;--shadow-sm:0 1px 2px rgba(37,55,114,.06);--shadow-md:0 6px 20px -8px rgba(37,55,114,.18);--shadow-lg:0 24px 48px -16px rgba(26,39,84,.28);
--focus-ring:0 0 0 3px rgba(44,92,176,.28);
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:360ms; /* @kind other */

--container-max:1200px;--gutter:24px;--page-margin:64px;
}