/* Шрифты: Manrope (гайд: ExtraBold + Regular), вариативный, кириллица + латиница */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-cyrillic.woff2") format("woff2");
	font-weight: 200 800;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-latin.woff2") format("woff2");
	font-weight: 200 800;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Моноширинный — только для служебных данных: координаты, номера, шкалы, трекинг */
@font-face {
	font-family: "JetBrains Mono"; /* taste-skill-ignore: данные и шкалы */
	src: url("../fonts/jbmono-cyrillic.woff2") format("woff2");
	font-weight: 100 800;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: "JetBrains Mono"; /* taste-skill-ignore: данные и шкалы */
	src: url("../fonts/jbmono-latin.woff2") format("woff2");
	font-weight: 100 800;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Палитра (Brand/Colors.png) */
	--c-black: #000000;
	--c-white: #ffffff;
	--c-orange: #e85232;
	--c-graphite: #232323;
	--c-grey: #828282;
	--c-grey-light: #d9d9d9; /* с борда айдентики, для светлых фонов */

	/* Производные: прозрачности графита и белого для линий, подложек, второстепенного текста */
	--c-graphite-60: rgba(35, 35, 35, 0.6);
	--c-graphite-12: rgba(35, 35, 35, 0.12);
	--c-graphite-06: rgba(35, 35, 35, 0.06);
	--c-white-60: rgba(255, 255, 255, 0.6);
	--c-white-16: rgba(255, 255, 255, 0.16);
	--c-white-08: rgba(255, 255, 255, 0.08);

	/* Роли */
	--bg-dark: var(--c-graphite);
	--bg-deep: var(--c-black);
	--bg-light: var(--c-white);
	--bg-muted: #f2f2f2;
	--text-on-light: var(--c-graphite);
	--text-on-dark: var(--c-white);
	--text-muted: var(--c-grey);
	--accent: var(--c-orange);
	--line-on-light: var(--c-graphite-12);
	--line-on-dark: var(--c-white-16);

	/* Система «сетка и видоискатель» (по образцу блока грузов) */
	--grid-line: rgba(35, 35, 35, 0.14);      /* линии сетки на светлом */
	--grid-cross: rgba(35, 35, 35, 0.55);     /* крестики на пересечениях */
	--grid-line-dark: rgba(255, 255, 255, 0.14);
	--grid-cross-dark: rgba(255, 255, 255, 0.5);
	--text-muted-ink: #6b6b6b;                /* второстепенный текст на светлом: 5.3:1 */
	--text-muted-dark: #a6a6a6;               /* второстепенный текст на графите: 6.5:1 */
	--accent-ink: #c4401f;                    /* оранжевый для мелкого текста на светлом: 5.1:1 */
	--vf-color: var(--accent);                /* уголки видоискателя */

	/* Типографика */
	--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; /* taste-skill-ignore */
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 800;

	/* Шкала: база 1440 → телефон 390 */
	--fs-display: clamp(2.75rem, 1.6rem + 4.2vw, 5.25rem);   /* 44 → 84 */
	--fs-h2: clamp(2.125rem, 1.4rem + 2.8vw, 4rem);          /* 34 → 64 */
	--fs-h3: clamp(1.625rem, 1.25rem + 1.4vw, 2.625rem);     /* 26 → 42 */
	--fs-lead: clamp(1.25rem, 1.05rem + 0.8vw, 2rem);        /* 20 → 32 */
	--fs-body: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);       /* 16 → 18 */
	--fs-small: 0.9375rem;                                   /* 15 */
	--fs-label: 0.75rem;                                     /* 12, капс */

	--lh-tight: 1.02;
	--lh-heading: 1.1;
	--lh-body: 1.5;

	--ls-display: -0.035em;
	--ls-heading: -0.025em;
	--ls-label: 0.16em;

	/* Шапка: отступ сверху и высота — от них считают отступы первого экрана и секций */
	--header-top: clamp(12px, 1.8vw, 28px);
	--header-h: 68px;

	/* Сетка и отступы */
	--gutter: clamp(1.25rem, 5.128vw, 5rem);
	--container: 90rem;
	--space-2xs: 0.5rem;
	--space-xs: 0.75rem;
	--space-s: 1rem;
	--space-m: 1.5rem;
	--space-l: 2.5rem;
	--space-xl: clamp(3rem, 2rem + 4vw, 6rem);
	--space-2xl: clamp(5rem, 3rem + 8vw, 10rem);

	/* Формы */
	/* Система прямоугольная: скругления только у панели-перехода между секциями */
	--radius-s: 0;
	--radius-m: 0;
	--radius-l: 0;
	--radius-pill: 999px;

	/* Движение */
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--dur-fast: 160ms;
	--dur-base: 320ms;
	--dur-slow: 700ms;
}

/* Подпись-метка: моноширинный капс с разрядкой — технические данные (координаты, номера) */
.label {
	font-family: var(--font-mono); /* taste-skill-ignore */
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}