:root {
  /* Тени — тёплые, мягкие, только вниз. Без резких контуров. */
  --shadow-soft: 0 10px 24px -16px rgba(33, 27, 22, .22);   /* лёгкий подъём: чипы, инпуты в фокусе */
  --shadow-card: 0 18px 40px -24px rgba(33, 27, 22, .3);    /* карточки */
  --shadow-sheet: 0 24px 60px -28px rgba(33, 27, 22, .32);  /* панели, модалки */
  --shadow-pop: 0 30px 80px -30px rgba(33, 27, 22, .4);     /* поповеры, ховер-подъём карточки */

  /* Хейрлайны */
  --hairline: inset 0 0 0 1px var(--border-default);
  --hairline-strong: inset 0 0 0 1px var(--border-strong);

  /* Фокус — двойное кольцо тёплых тонов, без синего outline */
  --focus-ring: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--focus-ring-color);

  /* Оверлеи и блюр: скрим тёплый графитовый; блюр только для липких шапок */
  --scrim: rgba(33, 27, 22, .44);
  --blur-header: saturate(1.1) blur(14px); /* @kind other */
  --surface-header: rgba(246, 241, 233, .82); /* фон липкой шапки под блюром */

  /* Плейсхолдер фото до получения материалов: песочная штриховка */
  --pattern-photo: repeating-linear-gradient(
    -45deg,
    var(--sand) 0 10px,
    var(--sand-deep) 10px 11px
  );
}