/*
 * Мост к дизайн-системе.
 *
 * Сами токены лежат в vendor/cse-design-system-tokens.css — это файл дизайнера,
 * скопированный байт в байт (md5 13ee1dc1348222a32da0f32d0c52c1e9). Его нельзя
 * править руками: когда появится npm-пакет, он просто заменит этот файл.
 *
 * В продукте файл токенов подключает element-plus/dist/index.css и
 * ElementPlusBindings.css. В прототипе Element Plus нет, поэтому здесь —
 * ровно те переменные из него, на которые ссылаются токены и компоненты.
 * Значения — дефолты Element Plus 2.x, те же, что измерены на lktest.cse.ru.
 */
:root {
  /* A. То, что в продукте приходит из element-plus/dist/index.css */

  /* на неё ссылается --c-border-color-hover */
  --el-text-color-disabled: var(--c-text-color-disabled);

  /* тени: в файле токенов их нет, компоненты берут их из Element Plus */
  --el-box-shadow: 0 12px 32px 4px rgb(0 0 0 / 4%), 0 8px 20px rgb(0 0 0 / 8%);
  --el-box-shadow-light: 0 0 12px rgb(0 0 0 / 12%);
  --el-box-shadow-lighter: 0 0 6px rgb(0 0 0 / 12%);
  --el-box-shadow-dark: 0 16px 48px 16px rgb(0 0 0 / 8%), 0 12px 32px rgb(0 0 0 / 12%), 0 8px 16px -8px rgb(0 0 0 / 16%);

  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-border-radius-circle: 100%;

  /* B. Висячая ссылка в файле токенов.
     --c-field-border-color-error указывает на --c-color-danger, а такого токена
     в файле нет (палитра называется error). Без этой строки у поля с ошибкой
     пропадает красная рамка. Вопрос передан дизайнеру — см. docs/FEEDBACK-RESPONSE.md. */
  --c-color-danger: var(--c-color-error);

  /* C. Только портал: моноширинная гарнитура для кода. В дизайн-системе ЛК её нет,
     потому что в ЛК нет блоков кода. */
  --p-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}