/* ownify · дизайн-система «Белый лист» · токены
   Источник правды — DESIGN.md и design-system.dc.html.
   Правило --brand: цвет селлера красит только акценты витрины и превью.
   UI ownify (морда, формы, публикация, плашка) — всегда чернила. */

:root {
  /* Палитра */
  --paper:       #FFFFFF; /* фон, чистый белый */
  --paper-dim:   #F7F6F4; /* поля, hover, плейсхолдеры */
  --ink:         #1C1B1A; /* текст, кнопки */
  --ink-hover:   #33312F; /* hover кнопки */
  --ink-60:      #6E6B66; /* вторичный текст */
  --line:        #E7E5E1; /* границы 1px */
  --line-soft:   #F0EEEB; /* граница сцены театра и карточки превью */
  --ok:          #1E7F4F; /* успех, умеренно */
  --err:         #B3261E; /* ошибки */

  /* Фирменный цвет селлера. До извлечения из магазина = чернила.
     Театр подменяет эти три переменные на шаге «Фирменные цвета найдены». */
  --brand:       var(--ink);
  --brand-soft:  var(--paper-dim);
  --brand-deep:  var(--ink);
  --brand-on:    #FFFFFF;

  /* Радиусы */
  --r-field:      12px; /* поле ввода */
  --r-btn:        10px; /* кнопка */
  --r-btn-inset:   8px; /* кнопка, вложенная в поле 12 с инсетом 6 */
  --r-scene:      16px; /* сцена театра, карточки-шаги */
  --r-card:       12px; /* карточка товара на витрине */
  --r-card-mini:  10px; /* карточка товара внутри сцены театра */
  --r-chip:        6px; /* плашка цветопробы */

  /* Сетка */
  --space:        8px;  /* база отступов */
  --w-form:      560px; /* формы */
  --w-content:  1120px; /* сцена, витрина */

  /* Тень. Единственная разрешённая — под сценой театра и карточкой превью. */
  --shadow-scene: 0 8px 40px rgba(0, 0, 0, .08);

  /* Движение */
  --ease:      cubic-bezier(0.2, 0, 0, 1);
  --t-base:    180ms; /* базовые переходы */
  --t-line:    240ms; /* появление строки лога */
  --t-stagger:  60ms; /* стаггер карточек */
  --t-recolor: 600ms; /* перекраска в --brand */

  /* Типографика: Spectral — 2–3 места на весь продукт, остальное — Golos Text */
  --font-text:    'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;
}