/* Тени. Число в имени — процент непрозрачности (см. tokens.json → shadow). */
:root{
--shadow-gray-2:#17171705;--shadow-gray-4:#1717170a;--shadow-gray-6:#1717170f;--shadow-gray-8:#17171714;
--shadow-primary-2:#0b462705;--shadow-primary-4:#0b46270a;--shadow-primary-6:#0b46270f;--shadow-primary-8:#0b462714;
/* Тени по ступеням — со страницы «Тени» кита (не приблизительно). */
--shadow-xsmall:0px 1px 2px rgba(14,18,27,0.03);
--shadow-medium:0px 16px 32px -12px rgba(14,18,27,0.10);
--shadow-large:inset 0 -1px 1px -0.5px rgba(23,23,23,0.06),0 0 0 1px rgba(23,23,23,0.08),0 1px 1px -0.5px rgba(23,23,23,0.04),0 3px 3px -1.5px rgba(23,23,23,0.04),0 6px 6px -3px rgba(23,23,23,0.04),0 10px 10px -5px rgba(23,23,23,0.04),0 20px 20px -10px rgba(23,23,23,0.04);
/* Составные эффекты для компонентов — привязаны к ступеням по глубине объекта */
--elevation-control:inset 0 0 0 1px var(--stroke-soft-200),var(--shadow-xsmall);
--elevation-widget:var(--shadow-large);
--elevation-panel:inset 0 0 0 1px var(--stroke-soft-200),var(--shadow-medium);
--elevation-focus-primary:0 0 0 2px var(--primary-alpha-16);
--elevation-focus-neutral:0 0 0 2px #17171714;
/* Движение: короткое, без пружин */
--motion-fast:120ms; /* @kind other */
--motion-base:160ms; /* @kind other */
--motion-slow:240ms; /* @kind other */
--motion-ease:cubic-bezier(0.2,0,0.2,1) /* @kind other */
}