/* =====================================================================
   tokens.css — общий фундамент дизайн-системы (single source of truth)
   ---------------------------------------------------------------------
   Импортится и лендингом (frontend/landing/), и — в будущем — приложением
   (сейчас приложение продолжает жить на своих :root в styles.css; переключение
   на этот файл — отдельной задачей дедупа, чтобы не трогать рабочий сайт).

   Пути в url() резолвятся относительно ЭТОГО файла (frontend/), поэтому
   assets/fonts/... валиден и для приложения, и для лендинга.
   ===================================================================== */

/* ---- Шрифт: Google Sans (вариативный, self-hosted) ---- */
@font-face {
  font-family: 'Google Sans';
  src: url('assets/fonts/GoogleSans.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Google Sans';
  src: url('assets/fonts/GoogleSans-Italic.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ---- Цвета: базовые (совпадают с текущими токенами приложения) ---- */
  --c-bg: #F3F3F3;
  --c-surface: #FFFFFF;
  --c-text: #050505;
  --c-text-muted: #595959;
  --c-field: #F2F2EF;
  --c-accent: #F9E48B;
  --c-yellow-strong: #FFE266;
  --c-text-muted-2: #848484;
  --c-text-muted-3: #737373;
  --c-dark: #010101;
  --c-ink: #191919;
  --c-pill: #E3E3E3;
  --c-track: #E6E6E6;
  --c-danger: #FF3D3D;
  --c-link: #4498FF;

  /* ---- Цвета: добавлено из лендинга (консолидировано из «дрейфа» Figma) ----
     Значения ещё подкрутим при финальной сверке палитры; сейчас — 1:1 из макета. */
  --c-muted-lp: #666666;      /* лендинг: приглушённый текст — сабтайтлы, подписи */
  --c-logo-mono: #B2B2B2;     /* монохромные логотипы компаний */
  --c-hairline: #CCCCCC;      /* тонкие границы/стеклянные пилюли (обычно @ низкой альфе) */
  --c-border-lp: #DADADA;     /* обводка карточек */
  --c-success-lp: #57E3A0;    /* зелёный акцент — пилюля «решение/успех» */
  --c-fill-lp: #F5F5F5;       /* светлая подложка чипов/пилюль внутри карточек */

  /* ---- Типографика ---- */
  --font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tracking: -0.03em;

  /* ---- Спейсинг / размеры (приложение) ---- */
  --card-w: 463px;
  --card-pad: 40px;
  --radius-card: 24px;
  --radius-field: 8px;
  --field-h: 48px;
  --field-pad-x: 16px;
  --gap-title: 18px;
  --gap-block: 24px;
  --gap-field: 8px;
  --gap-option: 8px;
  --radius-pill: 999px;

  /* ---- Спейсинг / размеры (лендинг) ---- */
  --lp-frame-w: 1600px;       /* ширина макета лендинга в Figma */
  --lp-content-w: 1120px;     /* контентная колонка внутри */
  --lp-gutter: 240px;         /* поле слева/справа при 1600 (1600-1120)/2 */

  /* ---- Тень карточки ---- */
  --shadow-card: 0 2px 8px rgba(49, 45, 33, 0.04), 0 24px 56px rgba(49, 45, 33, 0.06);
}