/* ============================================================
   Дизайн-токены «Мозгва» — из Figma (Palette + Text styles)
   ============================================================ */
:root {
	/* Palette / Basic */
	--c-black: #070815;
	--c-white: #ffffff;
	--c-grey-light: #e3e4f1;
	--c-grey-dark: #757683;
	--c-red: #ff0004;
	--c-blue: #1a00ff;

	/* Palette / Transparent (40%) */
	--c-black-40: rgba(7, 8, 21, 0.4);
	--c-white-40: rgba(255, 255, 255, 0.4);
	--c-blue-t40: rgba(37, 42, 78, 0.4);
	--c-grey-t40: rgba(232, 232, 232, 0.4);

	/* Производные поверхности (тёмные карточки поверх чёрного) */
	--surface-card: #12142a;
	--surface-card-2: #0d0f22;
	--surface-line: rgba(227, 228, 241, 0.14);

	/* Типографика: GraublauSlab (заголовки) + Onest (текст).
	   Roboto Slab — фолбэк на время загрузки фирменного шрифта. */
	--font-head: 'Graublau Slab', 'Roboto Slab', 'Onest', serif;
	--font-body: 'Onest', -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* Text styles из Figma */
	--fs-h1: clamp(3rem, 8vw, 5rem);        /* H1 80 */
	--fs-h2: clamp(2.25rem, 5.5vw, 3.25rem); /* H2 52 */
	--fs-h3: clamp(1.75rem, 3.5vw, 2rem);    /* H3 32 */
	--fs-h5: 1.75rem;                        /* H5 28 */
	--fs-h4: 1.125rem;                       /* H4 18 (Onest SemiBold) */
	--fs-subline: clamp(1.125rem, 2.2vw, 1.5rem); /* Subline 24 */
	--fs-text: 1rem;                         /* Text 16 */
	--fs-caption: 0.875rem;                  /* Caption 14 */
	--fs-m-text: 0.8125rem;                  /* M-Text 13 */

	--lh-head: 0.8;    /* slab-заголовки, 80% */
	--lh-body: 1.15;   /* Onest, 115% */
	--ls-head: -0.03em;

	/* Радиусы: кнопки 12, карточки 16, секции 24 */
	--r-btn: 12px;
	--r-card: 16px;
	--r-section: 24px;
	--r-pill: 999px;

	/* Кнопки */
	--btn-h: 48px;

	/* Сетка */
	--container: 1200px;
	--gutter: clamp(16px, 4vw, 32px);
	--section-pad: clamp(56px, 9vw, 104px);
	--section-gap: 8px; /* зазор между скруглёнными блоками, как в макете */

	/* Градиент-подсветка (Gradient-Light из Figma) */
	--grad-light: linear-gradient(105deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.5) 100%);
	/* Фирменная лента: синий → розовый */
	--grad-ribbon: linear-gradient(120deg, #1a00ff 0%, #b517c8 55%, #ff2e7a 100%);
	/* Свечение хиро */
	--grad-glow: radial-gradient(ellipse 65% 55% at 50% 30%, rgba(72, 32, 160, 0.55) 0%, rgba(7, 8, 21, 0) 70%);
}