:root{
--space-0:0;
--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;
--space-11:192px;

--gutter:24px;
--margin-page:64px;
--container-max:1360px;
--grid-columns:12; /* @kind other */
--module:8px;

/* Radii — square by default. Soft is for rare floating surfaces only. */
--radius-0:0;
--radius-xs:2px;
--radius-s:4px;
--radius-soft:14px;
--radius-pill:999px;

/* Borders */
--border-hair:1px solid var(--line-hair);
--border-strong:1px solid var(--line-strong);

/* Elevation — almost none. Shadow only for floating layers (menus, toasts, dialogs). */
--shadow-none:none;
--shadow-float:0 1px 0 rgba(0,0,0,.04),0 12px 32px -12px rgba(0,0,0,.18);
--shadow-dialog:0 24px 64px -24px rgba(0,0,0,.35);

/* Motion — mechanical, short, no bounce */
--ease-precise:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-linear:linear; /* @kind other */
--dur-instant:80ms; /* @kind other */
--dur-fast:140ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
}