/*
 * Тема Инфенги поверх токенов Lumen (подключается ПОСЛЕ lumen.css).
 * lumen.css не правим — копия DS остаётся чистой, бренд живёт здесь.
 *
 * Принцип: поверхности светлые (белые карточки на #F4F4F4), тёплый песок
 * работает точечно — акценты, фокус, хедеры таблиц, активные состояния.
 */
:root {
  /* Глобальный фон страницы */
  --bg-page: #f9f9f7;
  --bg-canvas: #f9f9f7;

  /* Акцент (кнопки, чекбоксы, свитчи, выделение поля) — вместо синего */
  --accent: #ae9b79;
  --accent-strong: #97835f;  /* hover primary-кнопок */
  --accent-soft: #efe9dd;    /* мягкие подложки бейджей/подсветок */
  --accent-fg: #ffffff;

  /* Фокус-кольцо — тёплое, вместо синего из DS */
  --ring-focus: 0 0 0 3px rgb(174 155 121 / 0.28);

  /* Поверхности светлые: карточки и формы — белые */
  --surface-card: #ffffff;
  /* Песок — только точечно: хедеры таблиц, активная навигация, wells */
  --surface-inset: #ebe2d3;
  /* Hover — едва тёплый */
  --surface-hover: #f3f0ec;
}

body {
  background: var(--bg-page);
}