<section class="section" id="typography">
	<h2 class="section-title">Typography</h2>

	<div class="block">
		<h1>Heading H1</h1>
		<h2>Heading H2</h2>
		<h3>Heading H3</h3>
		<h4>Heading H4</h4>
	</div>

	<div class="block">
		<p class="text-primary">
			Основной текст интерфейса. Используется для контента.
		</p>
		<p class="text-secondary">
			Вторичный текст, комментарии, подписи.
		</p>
		<p class="text-muted">
			Приглушённый текст, подсказки.
		</p>
	</div>

	<div class="block">
		<code class="code">
			console.log("IBM Plex Mono");
		</code>
	</div>
</section>