/* =======================================================
   carcass-dark.css
   Dark-оформление ОБОЛОЧКИ сайта
   Строго по визуальной логике оригинального лендинга

   В этом файле:
   - глобальные dark-переменные темы
   - базовый шрифт и цвет текста оболочки
   - СТАТИЧНЫЙ фоновый градиент страницы
   - sticky-header
   - оболочка content / footer

   В этом файле НЕТ:
   - контентных карточек
   - hero / video / faq / form
   - кнопок и типографики посадочной страницы
   - сеток и модулей контента

   Важно:
   - это файл shell-уровня
   - если нужно перекрасить конкретную посадочную страницу,
     делай это в main_content-dark.css, а не здесь
======================================================= */

:root{
	--bg:#0b1020;
	--bg2:#0e1630;
	--card:#101b36;
	--card2:#0f1a33;
	--text:#e7ecff;
	--muted:#a8b2d6;
	--line:rgba(231,236,255,.12);
	--accent:#78a6ff;
	--accent2:#6ef3d6;
	--warn:#ffd36e;
	--ok:#6ef3d6;
}


/* =======================================================
   [01] БАЗА ДОКУМЕНТА

   min-height нужен, чтобы fixed-фон корректно работал
   на всей высоте страницы.
======================================================= */

html,
body{
	min-height:100%;
}


/* =======================================================
   [02] BODY

   ВАЖНО:
   Сам градиент больше НЕ рисуем напрямую на body,
   иначе он будет восприниматься как обычный фон страницы
   и визуально "ехать" вместе с контентом.

   На body оставляем только базовый тёмный цвет-подложку.
======================================================= */

body{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
	font-size:16px;
	line-height:1.55;
	color:var(--text);

	background:#070a14;

	position:relative;
}


/* =======================================================
   [03] СТАТИЧНЫЙ ФОНОВЫЙ СЛОЙ

   Это тот же самый градиент из оригинального лендинга,
   но вынесенный в fixed-псевдоэлемент.

   Зачем так:
   - фон остаётся визуально тем же
   - фон НЕ прокручивается вместе с сайтом
   - не используем background-attachment: fixed,
     потому что fixed-псевдоэлемент обычно стабильнее

   Важно для разработчика:
   - z-index:0 у фонового слоя
   - основной каркас сайта поднимаем выше через z-index:1
======================================================= */

body::before{
	content:"";
	position:fixed;
	inset:0;
	z-index:0;
	pointer-events:none;

	background:
		radial-gradient(1200px 600px at 20% 0%, rgba(120,166,255,.16), transparent 60%),
		radial-gradient(900px 500px at 90% 10%, rgba(110,243,214,.10), transparent 55%),
		radial-gradient(900px 500px at 60% 110%, rgba(255,211,110,.08), transparent 55%),
		linear-gradient(180deg, var(--bg), #070a14 70%);

	background-repeat:no-repeat;
	background-size:cover;
}


/* =======================================================
   [04] ОСНОВНОЙ КАРКАС ПОВЕРХ ФОНА

   Поднимаем весь сайт выше fixed-фонового слоя.
   Если позже появятся модалки / overlay / drawer,
   их z-index должен быть ВЫШЕ этого уровня.
======================================================= */

.carcass{
	position:relative;
	z-index:1;
}


/* =======================================================
   [05] ССЫЛКИ ОБОЛОЧКИ
======================================================= */

a{
	color:inherit;
	text-decoration:none;
}


/* =======================================================
   [06] HEADER

   Sticky и blur — часть общей shell-логики,
   поэтому живут именно здесь.
======================================================= */

.header{
	position:sticky;
	top:0;
	z-index:50;
	backdrop-filter:blur(10px);
	background:rgba(11,16,32,.70);
	border-bottom:1px solid var(--line);
}

.header_menu-desktop_bgr,
.header_menu-mobile_bgr{
	background:transparent;
}


/* =======================================================
   [07] CONTENT SHELL

   Не красим здесь сам контент.
   Только убираем лишние фоны оболочки, чтобы
   была видна общая dark-подложка страницы.
======================================================= */

.content_bgr{
	background:transparent;
}

.content{
	background:transparent;
}


/* =======================================================
   [08] FOOTER SHELL
======================================================= */

.footer_menu_bgr{
	background:transparent;
	border-top:1px solid var(--line);
}

.footer_menu{
	color:var(--muted);
	font-size:13px;
}

.footer_type_bgr{
	background:transparent;
}

.footer_type{
	color:var(--muted);
	font-size:13px;
	opacity:.9;
}