/* Тени ADS. */

:root {
  /* Fifo cards & modals */
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md:    0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg:    0 8px 24px rgba(0, 0, 0, 0.10);
  --shadow-xl:    0 20px 60px rgba(0, 0, 0, 0.12);

  /* Комбинированная (карточка + модалка) */
  --shadow-card:  0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.08);

  /* Focus ring (база --ink; strong — для open-состояний селектов/дропдаунов) */
  --focus-ring:        0 0 0 3px rgba(var(--ink-rgb), 0.06);
  --focus-ring-strong: 0 0 0 3px rgba(var(--ink-rgb), 0.08);

  /* Свип 21.07.2026 (аудит качества п.4): рукописные rgba-тени прод-CSS сведены
     к шкале — точное значение бакета или субперцептивный снап (≤0.02 альфы /
     малый сдвиг геометрии на transient-элементах). Сырые rgba в box-shadow вне
     tokens/ запрещены сторожем tests/structure/test_css_no_raw_shadow.py. */
  --shadow-pop:       0 4px 16px rgba(0, 0, 0, 0.12);   /* поповеры, dropdown-панели, float-бабблы */
  --shadow-panel:     0 12px 32px rgba(0, 0, 0, 0.14);  /* крупные плавающие панели (настройки таймлайна) */
  --shadow-modal:     0 12px 40px rgba(0, 0, 0, 0.25);  /* модалки на dim-оверлее (kit-card, reason-modal) */
  --shadow-tip:       0 6px 20px rgba(0, 0, 0, 0.25);   /* тёмные тултипы/тосты (anchored-tip, error-tip, refresh-console) */
  --shadow-card-rest: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03); /* blogger-card в покое — точное значение, самая видимая поверхность */
  --shadow-dark-lg:   0 12px 48px rgba(0, 0, 0, 0.5);   /* видео-модалка T2 (тёмный «театр») */
  --shadow-dark-sm:   0 2px 8px rgba(0, 0, 0, 0.4);     /* кнопка закрытия видео-модалки */
}