/* LOST redesign — design tokens (:root). Источник: local/design/tokens.txt. Шрифт Inter. */
:root {
  /* Шрифт */
  --lost-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --lost-fw-regular: 400;
  --lost-fw-medium: 500;
  --lost-fw-semibold: 600;
  --lost-fw-bold: 700;

  /* Фон / поверхности */
  --lost-bg-page: #15111a;
  --lost-bg-topbar: #271B2F;
  --lost-bg-elevated: #151018;
  --lost-bg-card: #1C1421;
  --lost-bg-card-soft: #252029;
  --lost-bg-footer: #231D26;
  --lost-bg-input: rgba(255, 255, 255, 0.06);

  /* Атмосфера страницы (как у .qa-login) */
  --lost-bg-glow-1: radial-gradient(900px 480px at 15% 10%, rgba(209, 43, 60, 0.18), transparent 55%);
  --lost-bg-glow-2: radial-gradient(700px 420px at 90% 90%, rgba(209, 43, 60, 0.1), transparent 50%);
  --lost-bg-atmosphere: var(--lost-bg-glow-1), var(--lost-bg-glow-2), var(--lost-bg-page);

  /* Градиенты секций (tokens.txt) */
  --lost-hero-gradient: linear-gradient(180deg, #32223B 0%, #2D3E62 50%, #452415 100%);
  --lost-reviews-gradient: linear-gradient(180deg, #160F1B 55%, var(--lost-bg-page) 100%);
  --lost-cert-gradient: linear-gradient(180deg, #2A1F31 0%, #400A0A 84%);

  /* Акценты — основной цвет как у .qa-auth__submit (#d12b3c) */
  --lost-accent-red: #d12b3c;
  --lost-accent-red-hover: #e23a4b;
  --lost-accent-red-dark: #9b1f2e;
  --lost-accent-primary: #d12b3c;
  --lost-accent-primary-hover: #e23a4b;
  --lost-accent-primary-grad: linear-gradient(180deg, #e23a4b 0%, #d12b3c 100%);
  /* purple-токены = primary red (обратная совместимость) */
  --lost-accent-purple: #d12b3c;
  --lost-accent-purple-hover: #e23a4b;

  /* Текст */
  --lost-text-primary: #FFFFFF;
  --lost-text-secondary: #A0A0A0;
  --lost-text-muted: #6E6A73;
  --lost-text-link: #E8E8E8;
  --lost-text-link-hover: #FFFFFF;

  /* Границы */
  --lost-border-subtle: rgba(255, 255, 255, 0.08);
  --lost-border-card: rgba(255, 255, 255, 0.06);
  --lost-divider: rgba(255, 255, 255, 0.12);

  /* Бейджи / прочее */
  --lost-badge-bg: #FFFFFF;
  --lost-badge-text: #1A1A1A;
  --lost-badge-new: #F5A623;
  --lost-badge-pop: #E8751A;
  --lost-avatar-bg: #C94B8A;

  /* Типографика */
  --lost-fs-h1: clamp(28px, 4vw, 40px);
  --lost-fs-h2: clamp(22px, 3vw, 28px);
  --lost-fs-h3: 18px;
  --lost-fs-h4: 16px;
  --lost-fs-body: 16px;
  --lost-fs-small: 14px;
  --lost-fs-caption: 12px;
  --lost-fs-price: clamp(24px, 3vw, 32px);
  --lost-lh-tight: 1.2;
  --lost-lh-body: 1.5;
  --lost-lh-relaxed: 1.65;

  /* Отступы (scale 4px) */
  --lost-space-1: 4px;
  --lost-space-2: 8px;
  --lost-space-3: 12px;
  --lost-space-4: 16px;
  --lost-space-5: 20px;
  --lost-space-6: 24px;
  --lost-space-8: 32px;
  --lost-space-10: 40px;
  --lost-space-12: 48px;
  --lost-space-16: 64px;
  --lost-space-20: 80px;
  --lost-space-section: clamp(56px, 8vw, 96px);

  /* Радиусы */
  --lost-radius-sm: 8px;
  --lost-radius-md: 12px;
  --lost-radius-lg: 16px;
  --lost-radius-xl: 20px;
  --lost-radius-2xl: 24px;
  --lost-radius-pill: 999px;

  /* Тени */
  --lost-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.35);
  --lost-shadow-hero: 0 16px 48px rgba(0, 0, 0, 0.45);

  /* Контейнер */
  --lost-container-max: 1300px;
  --lost-container-pad: clamp(16px, 5vw, 40px);

  /* Прочее */
  --lost-transition: 0.2s ease;
  --lost-z-header: 100;
  --lost-z-modal: 300;
  --lost-bg-overlay: rgba(14, 9, 17, 0.85);
}