/* «Досрок» — материя: радиусы, тени, движение.
   Тени тесные и честные — бумага лежит на столе, а не парит.
   Артефакты-бланки (карточка расчёта, оттиск) — острые углы, radius 0.
   Анимируются только transform и opacity; браузерный ease не используется. */
:root{
  --r-xs:3px;    /* чипы-нормы, kbd, статусы */
  --r-s:5px;     /* кнопки, поля */
  --r-m:8px;     /* карточки, меню */
  --r-l:12px;    /* модальные окна, палитра команд */
  --r-full:999px;

  --shadow-card:0 1px 2px rgba(18,21,28,0.05);
  --shadow-raise:0 1px 2px rgba(18,21,28,0.06),0 4px 12px -2px rgba(18,21,28,0.08);
  --shadow-pop:0 2px 6px rgba(18,21,28,0.08),0 16px 40px -8px rgba(18,21,28,0.22);
  --shadow-modal:0 4px 12px rgba(18,21,28,0.1),0 32px 80px -12px rgba(18,21,28,0.3);
  --shadow-knob:0 1px 2px rgba(18,21,28,0.3);
  --edge-key:inset 0 1px 0 rgba(255,255,255,0.14); /* @kind shadow */ /* световая кромка синей кнопки */

  --dur-1:70ms;    /* @kind other */ /* отклик: наведение, нажатие */
  --dur-2:140ms;   /* @kind other */ /* появление меню, смена вкладки */
  --dur-3:240ms;   /* @kind other */ /* модальные окна, боковая карточка */
  --ease-out:cubic-bezier(0.2,0,0,1);    /* @kind other */
  --ease-in:cubic-bezier(0.7,0,0.84,0);  /* @kind other */
  --ease-in-out:cubic-bezier(0.6,0,0.2,1); /* @kind other */
}

/* Тёмная тема: тени глубже (чёрный на графите), кромка кнопки ярче. Только экран. */
@media screen{
html[data-theme='dark']{
  --shadow-card:0 1px 2px rgba(0,0,0,0.35);
  --shadow-raise:0 1px 2px rgba(0,0,0,0.4),0 4px 12px -2px rgba(0,0,0,0.45);
  --shadow-pop:0 2px 6px rgba(0,0,0,0.45),0 16px 40px -8px rgba(0,0,0,0.6);
  --shadow-modal:0 4px 12px rgba(0,0,0,0.5),0 32px 80px -12px rgba(0,0,0,0.7);
  --shadow-knob:0 1px 2px rgba(0,0,0,0.5);
  --edge-key:inset 0 1px 0 rgba(255,255,255,0.22); /* @kind shadow */
}
}