/* Spacing, radii, sizing, elevation. Values transcribed from the file. */
:root{
--space-0:0px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-120:120px;--space-128:128px;

/* Page rhythm: desktop sections are padded 36px vertical / 120px horizontal. */
--layout-page-max:1440px;
--layout-gutter-desktop:120px;
--layout-gutter-mobile:16px;
--layout-section-y:36px;
--layout-grid-gap:20px;

--radius-none:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-round:9999px;
--radius-button:8px;--radius-input:6px;--radius-card:6px;--radius-chip:999px;

/* Control heights, exact from the Button and Input sets. */
--size-control-sm:30px;--size-control-md:38px;--size-control-lg:46px;--size-control-xl:54px;
--size-icon-sm:12px;--size-icon-md:16px;--size-icon-lg:20px;--size-icon-xl:24px;
--size-avatar-xs:24px;--size-avatar-sm:32px;--size-avatar-md:40px;--size-avatar-lg:48px;--size-avatar-xl:56px;--size-avatar-2xl:64px;
--size-fab:44px;

--border-width:1px;
--shadow-card:0px 1px 2px rgba(16,24,40,0.05);
--shadow-raised:0px 4px 8px -2px rgba(16,24,40,0.1),0px 2px 4px -2px rgba(16,24,40,0.05);
--shadow-overlay:0px 12px 16px -4px rgba(16,24,40,0.1),0px 4px 6px -2px rgba(16,24,40,0.05);
--shadow-soft:0px 0px 8px rgba(99,99,99,0.2);
--focus-ring-width:2.5px;
--motion-fast:120ms; /* @kind other */
--motion-base:200ms; /* @kind other */
--motion-slow:320ms; /* @kind other */
--ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
}