/* ==========================================================================
   Art-Couture - десктопные токены. Редакция 1.
   Файл перенесён из дизайн-проекта: ui_kits/desktop/tokens.css.

   Наследует базовый набор целиком и переопределяет только то, что зависит
   от ширины: кегли, ритм секций, сетку, высоту шапки, завесу героя.
   Цвет, шрифты, металлы, семантика действия и сезонные пары приходят
   из базовых токенов без изменений.

   Подключается ПОСЛЕ tokens-base.css. В дизайн-проекте связь сделана
   через @import; здесь оба файла подключены ссылками из шаблона -
   так порядок виден в разметке, а не спрятан внутри CSS.
   ========================================================================== */

:root {

  /* --- Сетка -------------------------------------------------------------
     Базовый вьюпорт 1440. Полоса содержимого 1280, боковое поле 80.
     Двенадцать колонок с жёлобом 24: карточка товара в четыре колонки
     даёт 302 px - кадр 1:1 крупнее мобильного вдвое.                      */

  --ac-d-max:  1280px;
  --ac-gut:    80px;    /* боковое поле страницы */
  --ac-col:    24px;    /* жёлоб сетки */
  --ac-d-hd:   72px;    /* высота шапки */
  --ac-d-side: 260px;   /* колонка фильтра и оглавления */
  --ac-d-rail: 400px;   /* правая колонка карточки товара и заявки */
  --ac-d-text: 46em;    /* мера строки текстовой страницы */

  /* --- Кегли ------------------------------------------------------------
     Шкала растянута от мобильной: заголовок первого экрана 60 против 27,
     основной текст 16 против 15. Ниже 12 в интерфейсе не спускаемся -
     на 1440 подписи 10 px из мобильной версии не читаются.                */

  --ac-size-hero:  60px;
  --ac-size-logo:  24px;
  --ac-size-price: 30px;
  --ac-size-h1:    40px;
  --ac-size-h2:    28px;
  --ac-size-h3:    19px;
  --ac-size-lead:  19px;
  --ac-size-body:  16px;
  --ac-size-sm:    14px;
  --ac-size-mono:  13px;
  --ac-size-xs:    12px;
  --ac-size-nano:  11px;

  --ac-track-hero: -0.03em;

  /* --- Ритм -------------------------------------------------------------- */

  --ac-s16: 64px;
  --ac-s20: 80px;
  --ac-s24: 96px;

  /* Секция принадлежит своему заголовку - сверху втрое больше, чем снизу. */
  --ac-head-above: 96px;
  --ac-head-below: 28px;

  /* --- Геометрия --------------------------------------------------------- */

  --ac-r-card:  16px;
  --ac-r-photo: 12px;
  --ac-r-field: 10px;
  --ac-r-win:   14px;
  --ac-r-btn:   26px;

  --ac-logo-w:  100px;  /* знак мастерской: файл 197 × 115 */
  --ac-logo-h:  58px;
  --ac-d-cta:   44px;   /* кнопка и кружки в шапке */
  --ac-btn-h:   52px;   /* крупная кнопка в содержимом */
  --ac-tap:     40px;   /* курсор точнее пальца: минимум ниже мобильного */

  /* --- Герой ------------------------------------------------------------
     Высота: экран минус шапка, но с потолком. На мониторе 1440 в высоту
     кадр во весь экран превращается в обои, поэтому 860 - предел.

     Завеса развёрнута по горизонтали: плотное поле стоит слева под текстом
     и сходит на ноль к 62 % ширины - правая часть кадра, где лежит изделие,
     остаётся чистой.                                                      */

  --ac-hero-dh: clamp(640px, calc(100svh - 72px), 860px);

  --ac-hero-veil: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0.78)  0%,
    rgba(255, 255, 255, 0.72) 24%,
    rgba(255, 255, 255, 0.34) 46%,
    rgba(255, 255, 255, 0.00) 62%
  );

  --ac-hero-veil-dark: linear-gradient(
    100deg,
    rgba(0, 0, 0, 0.72)  0%,
    rgba(0, 0, 0, 0.66) 24%,
    rgba(0, 0, 0, 0.30) 46%,
    rgba(0, 0, 0, 0.00) 62%
  );

  /* Кадры 1:1.5 и 1:1.78 против экрана 1.74:1 - на десктопе теряется верх
     и низ, а не бока. Поэтому работает --ac-hero-cropy. */
  --ac-hero-crop:  50%;
  --ac-hero-cropy: 42%;

  /* --- Тени -------------------------------------------------------------- */

  /* Матовое стекло мега-панели: плотнее шапки, иначе разделы читаются
     поверх фотографий каталога. */
  /* Матовый лист мега-панели. Было 0.86: сквозь него читался заголовок
     страницы, и текст поиска спорил с текстом под ним. Размытие спасает
     не везде - оно применяется не во всех окружениях, и тогда под панелью
     остаётся чёткая страница. Лист должен оставаться стеклом, но страницу
     держать: 0.96 гасит её почти целиком, а мягкий тон и размытие
     по-прежнему видны на кадрах первого экрана. */
  --ac-glass-mega: rgb(242, 241, 238);

  --ac-elev-card:  0 1px 2px rgba(28, 27, 25, 0.04);
  --ac-elev-hover: 0 14px 32px rgba(28, 27, 25, 0.11);
  --ac-elev-pop:   0 24px 56px rgba(28, 27, 25, 0.18);
  --ac-elev-win:   0 40px 90px rgba(28, 27, 25, 0.20);
}