/* ============================================================
   DESIGN TOKENS — из Figma Variables (file n2u8…, node 180:2)
   Имена соответствуют именам переменных в Figma.
   ============================================================ */
:root {
  /* —— Цвет: Dark —— */
  --dark-1000: #0f0f0f;            /* Dark/Dark/1000 */
  --dark-1100: #000000;            /* Dark/Dark/1100 */
  --dark-100:  rgba(15, 15, 15, .10); /* Dark/Dark/100  (#0f0f0f1a) */
  --dark-40:   rgba(15, 15, 15, .04); /* Dark/Dark/40   (#0f0f0f0a) */

  /* —— Цвет: Light —— */
  --light-1000: #ffffff;              /* Light/Light/1000 */
  --light-100:  rgba(255, 255, 255, .10); /* Light/Light/100 (#ffffff1a) */
  --light-200:  rgba(255, 255, 255, .20); /* Light/Light/200 (#ffffff33) */
  --light-80:   rgba(255, 255, 255, .08); /* Light/Light/80  (#ffffff14) */
  --light-600:  rgba(255, 255, 255, .60); /* Light/Light/600 (#ffffff99) */
  --light-40:   rgba(255, 255, 255, .04); /* Light/Light/40  (#ffffff0a) */

  /* —— Бренд / акцент —— */
  --yellow: #ffbe00;                  /* Primary/Yellow */
  /* Акцент услуги. По умолчанию = бренд-жёлтый.
     На страницах услуг переопределяется инлайном: style="--accent:#xxxxxx" */
  --accent: var(--yellow);

  /* —— Интерактив (единый «заторможенный» ховер для всех кнопок/плашек) —— */
  --ease-press: cubic-bezier(.34, 1.56, .64, 1);   /* лёгкий перелёт-«нажатие» */
  /* премиальный плавный ховер CTA: мягкое замедление, БЕЗ overshoot-дёрганья */
  --ease-smooth: cubic-bezier(.33, 1, .68, 1);     /* easeOutCubic */
  --hover-transition: transform .42s var(--ease-smooth);

  /* —— Шрифты —— */
  --ff-display: 'Druk Cyr', 'Arial Black', Impact, sans-serif;
  --ff-body:    'adineue PRO', 'Inter', system-ui, sans-serif;
  --ls-body: -0.06em;   /* трекинг тонкого текста (Geologica) = −6% */

  /* —— Макет —— */
  --stage-w: 1440px;   /* ширина эталонного фрейма Figma */
}