:root{
--s-0:0; /* @kind spacing */
--s-1:2px;--s-2:4px;--s-3:8px;--s-4:12px;--s-5:16px;--s-6:20px;--s-7:24px;
--s-8:32px;--s-9:40px;--s-10:48px;--s-11:64px;--s-12:80px;--s-13:96px;--s-14:128px;

/* Вертикальный ритм секций */
--section-y-sm:48px;--section-y:72px;--section-y-lg:112px;

/* Сетка */
--container-max:1440px;--container-narrow:760px;--container-wide:1440px;
--gutter-mobile:20px;--gutter-tablet:32px;--gutter-desktop:48px;
--grid-gap:24px;
--grid-cols:12; /* @kind other */

/* Брейкпоинты (для документации; в CSS — media queries) */
--bp-sm:480px; /* @kind other */
--bp-md:768px; /* @kind other */
--bp-lg:1024px; /* @kind other */
--bp-xl:1280px; /* @kind other */
--bp-2xl:1536px; /* @kind other */
}