/*
 * Mohawk Industrial — base tokens + typography
 * Source: concept-mohawk/css/mohawk.css (эталон, 2026-05-15).
 *
 * Перенесено 1:1 в production-тему. Adapted:
 *   - --accent переведён на --color-yellow-500 (ADR-021: палитра старого сайта, не брендшит лого)
 *   - убран global body { background } — теперь только внутри .mh namespace,
 *     чтобы не аффектить страницы вне main.mh обёртки
 *   - убран @font-face Pretendard с относительным путём — Pretendard
 *     подключается через jsdelivr CDN в enqueue.php (как в концепте)
 */

* { box-sizing: border-box; }

/* ═══════════════════════════════════════════════════════════════
   ARTBOARD SHELL — общий wrapper (на случай если понадобится)
   ═══════════════════════════════════════════════════════════════ */
.art {
	width: 100%; height: 100%;
	overflow: hidden;
	position: relative;
	isolation: isolate;
}

/* ═══════════════════════════════════════════════════════════════
   MOHAWK INDUSTRIAL — палитра и типографика концепта.
   Активируется через class="mh" на main / body главной (front-page).
   ═══════════════════════════════════════════════════════════════ */
.mh {
	/* W3/C2 (ADR-020): namespace-алиасы через tokens.css var() вместо raw hex.
	   7 значений map'нуты на существующие primitives, 5 уникальных — на
	   новые токены добавленные в C1 (graphite-450 / warm-450 / yellow-550 /
	   warm-250 / warm-900). Рендер не меняется. */
	--bg:           var(--color-milk);
	--bg-deep:      var(--color-soft);
	--fg:           var(--color-graphite-900);
	--fg-mute:      var(--color-graphite-450);
	--fg-quiet:     var(--color-warm-450);
	--accent:       var(--color-yellow-500);    /* ADR-021: жёлтый со старого сайта */
	--accent-hover: var(--color-yellow-550);
	--accent-fg:    var(--color-paper);
	--line:         var(--color-warm-250);
	--line-strong:  var(--color-warm-900);
	--ink:          var(--color-graphite-900);
	--paper:        var(--color-paper);

	background: var(--bg);
	color: var(--fg);
	font-family: var(--font-mh-body);
	font-feature-settings: "ss01", "cv11";
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.mh .mono {
	font-family: var(--font-mh-mono);
	font-feature-settings: "tnum", "zero";
}
.mh .display {
	font-family: var(--font-mh-display);
	font-weight: 700;
	letter-spacing: -0.018em;
	line-height: 0.96;
}