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

  /* Лист на столе: кромка + тесная тень. Кромку рисует бордер листа. */
  --sheet-edge:#e3dcc9;                      /* @kind color */
  --shadow-sheet:0 1px 2px rgba(59,50,32,0.05),0 8px 28px -12px rgba(59,50,32,0.14);
  --shadow-card:0 1px 2px rgba(59,50,32,0.06);
  --shadow-raise:0 1px 2px rgba(59,50,32,0.07),0 4px 12px -2px rgba(59,50,32,0.10);
  --shadow-pop:0 2px 6px rgba(59,50,32,0.09),0 16px 40px -8px rgba(59,50,32,0.24);
  --shadow-modal:0 4px 12px rgba(59,50,32,0.10),0 32px 80px -12px rgba(59,50,32,0.32);
  --shadow-knob:0 1px 2px rgba(59,50,32,0.3);
  --edge-key:inset 0 1px 0 rgba(255,255,255,0.15); /* @kind shadow */ /* световая кромка синей кнопки */

  --dur-spin:800ms; /* @kind other */ /* оборот волчка ожидания */
  --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']{
  --sheet-edge:#2e2919;                      /* @kind color */
  --shadow-sheet:0 1px 2px rgba(0,0,0,0.4),0 8px 28px -12px rgba(0,0,0,0.5);
  --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.18); /* @kind shadow */
}
}