/* Токены лендингов. База — тёмный набор slp/design/SLP System v2.html (тот же,
   что в SP/iOS), поэтому цвета продукта менять здесь нельзя: разойдутся с
   приложением. Светлый набор той же системы живёт в кабинете
   (slp/admin/tailwind.config.ts) и попадает сюда только внутри скриншотов.

   Сверх системы у лендингов есть СВОЙ сценический слой (см. блок «плакат» ниже):
   система рисовалась под рабочие экраны, сайт — плакат. Владелец разрешил
   лендингу уходить дальше системы; в продукт эти токены не тащить. */
:root {
  --bg: #0a0b0d;
  --surface: #121417;
  --surface-2: #1a1d21;
  --glass: rgba(22, 25, 29, 0.62);
  --line: #22262c;
  --line-soft: rgba(255, 255, 255, 0.06);
  --text-1: #eef1f4;
  --text-2: #9aa3ac;
  --text-3: #5e656d;
  --accent: #a9c3d6;
  --accent-deep: #39708f;
  --bonus: #8bd8c4;
  --success: #7fc79f;
  --warning: #e6c36a;
  --danger: #dc8074;

  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  --e-1: 0 1px 2px rgba(0, 0, 0, 0.45);
  --e-2: 0 12px 32px -12px rgba(0, 0, 0, 0.65);
  --e-3: 0 36px 90px -30px rgba(0, 0, 0, 0.85);

  --t-fast: 120ms;
  --t-base: 180ms;
  --t-slow: 280ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --font-display: 'Unbounded', sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  /* --- плакат: сценический слой только лендингов ------------------------- */

  /* Латунь — материал ресторанной фурнитуры и акцент «Латуни и дыма» (портал).
     Горячий контрапункт к холодной стали системы: сталь = продукт и данные,
     латунь = зал, деньги и действие. Второго горячего цвета не заводить. */
  --brass: #d9ba85;
  --brass-deep: #a8874e;
  --brass-glow: rgba(217, 186, 133, 0.16);

  /* Термобумага чека — единственная светлая плоскость на странице. */
  --paper: #ece7dd;
  --paper-ink: #1b1a17;
  --paper-fade: #8d8880;

  --page: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --section-y: clamp(84px, 12vw, 180px);
}