/* ═══════════════════════════════════════════════════════════════════════
   Токены лендинга aidocmaker.ru.

   Имена — по контракту SiBi/shared/design/tokens.css (общий для всех проектов).
   Значения — из reference lock: docs/design/landing-2026-07-27/LOCK.md §0.
   Словарь ЗАКРЫТЫЙ: цвета, радиусы и длительности вне этого файла не заводим.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── Шрифты: ровно три роли ─────────────────────────────────────────── */
  --font-display: 'Geist','Inter',system-ui,sans-serif;
  --font-body:    'Inter',system-ui,sans-serif;
  --font-mono:    'Geist Mono','IBM Plex Mono',ui-monospace,monospace;

  /* ── Поверхности ────────────────────────────────────────────────────── */
  --bg:           #ffffff;
  --surface:      #f5f5f5;  /* ЕДИНСТВЕННАЯ альт-поверхность на всю страницу */
  --row-hover:    #fafafa;  /* наведение на строку таблицы честности */

  /* ── Текст ──────────────────────────────────────────────────────────── */
  --text:         #171717;
  --text-muted:   #525252;
  --text-faint:   #737373;
  --text-invert:  #ffffff;
  --num-faint:    #a3a3a3;  /* индекс строки цен до наведения */

  /* ── Акцент: ссылка · фокус · активное · подтверждённый источник.
        Никогда не заливает поверхности (LOCK §0). ───────────────────────── */
  --accent:       #0a6b62;
  --accent-soft:  rgba(10,107,98,.09);
  --accent-line:  rgba(10,107,98,.35);

  /* ── Семантика состояний. Только ошибка: успех и активное состояние
        несёт акцент, а ошибка не имеет права выглядеть как он. ─────────── */
  --bad:      #a33a2c;
  --bad-soft: rgba(163,58,44,.08);

  /* ── Границы — единственный механизм контейнера ─────────────────────── */
  --border:        #e5e5e5;
  --border-strong: #dcdcdc;  /* та же роль, поправка на контраст поверх --surface */
  --border-hover:  #c9c9c9;
  --icon-faint:    #c4c4c4;  /* стрелка строки цен, разделитель «·» */
  --hatch:         #ececec;  /* штриховка «источника нет» */

  /* ── Радиусы. Расширение контракта: у лока словарь из четырёх ступеней.
        Ничего вне словаря. ────────────────────────────────────────────── */
  --r-sm:   6px;    /* поле ввода */
  --r-md:   8px;    /* кнопка */
  --r-lg:   12px;   /* карточка */
  --r-xl:   16px;   /* панель продукта */
  --r-pill: 9999px;

  /* ── Тень. Ровно одна на всю систему: кольцо вокруг панели продукта ─── */
  --shadow-ring: 0 0 0 4px rgba(0,0,0,.1);

  /* ── Движение. Микро-фидбэк интерфейса; повествовательные сцены живут
        по своему таймлайну внутри движка (LOCK §1). ───────────────────── */
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --ease:     cubic-bezier(.4,0,.2,1);

  /* ── Ширины и ритм секций ───────────────────────────────────────────── */
  --max-width: 1280px;
  --gutter:    32px;
  --sec-y:     84px;
}

/* Три ступени ритма под ширину экрана — значения ритма живут здесь же,
   чтобы не искать их по секционным файлам. */
@media (max-width:1024px){ :root{ --sec-y:64px; --gutter:28px; } }
@media (max-width:640px){  :root{ --sec-y:48px; --gutter:20px; } }