/*
 * Стиль «Пульт»: тёмный фон с сеткой, моноширинные цифры, один кислотный акцент.
 * Действует по умолчанию.
 *
 * Здесь только переменные. Вёрстка — в main.css и от стиля не зависит, шрифты
 * подключены в fonts.css. Второй стиль — skin-chertezh.css — переопределяет те
 * же переменные, когда на <html> стоит data-skin="chertezh".
 */

:root {
	color-scheme: dark;

	/* Цвета */
	--bg: #0b0d0c;
	--surface: #121613;
	--surface-2: #181d19;
	--line: #262c27;
	--line-strong: #38403a;
	--text: #e9ede6;
	--muted: #a3aa9d;
	--accent: #c4f542;
	--accent-ink: #0b0d0c;
	--accent-glow: rgba(196, 245, 66, 0.16);
	--accent-line: #5b6b3a;
	--danger: #ff8a6b;
	--header-bg: rgba(11, 13, 12, 0.82);
	--shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
	/* Логотипы клиентов и сертификаты нарисованы на белом. */
	--plate: #ffffff;

	/* Шрифты */
	--font-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-display: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-num: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
	--display-weight: 600;
	--display-tracking: -0.035em;
	--num-weight: 700;
	--num-tracking: -0.04em;
	--eyebrow-font: var(--font-num);
	--eyebrow-prefix: "// ";
	--eyebrow-transform: lowercase;

	/* Формы */
	--radius: 10px;
	--radius-btn: 6px;

	/* Фон первого экрана: сетка. */
	--deco-image: linear-gradient(#161a17 1px, transparent 1px), linear-gradient(90deg, #161a17 1px, transparent 1px);
	--deco-size: 64px 64px;

	/* Знак после логотипа: мигающий курсор. */
	--logo-font: var(--font-num);
	--logo-mark: "_";
	--logo-mark-anim: blink 1.1s steps(1) infinite;
}
