/* main.css — базовый глобальный слой темы (FND-14).
   Всё — на токенах (--kh-* / --wp--*), без литеральных цветов/размеров.
   Порядок подключения: _tokens → _tokens.dark → _bridge → main. */

/* ---------- шрифты ----------
   @font-face вынесены в сгенерированный assets/css/fonts.css (self-host woff2,
   cyrillic+latin, OFL). Пересобрать: build/fetch-fonts.sh. Подключается перед main. */

/* ---------- база ---------- */
body {
  background-color: var(--kh-color-bg);
  color: var(--kh-color-ink);
  font-family: var(--kh-font-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* «бумажное» зерно на фоне страницы — деликатное, за контентом */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--kh-grain-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

h1, h2, h3, h4 {
  font-family: var(--kh-font-heading);
  font-weight: 600;
  line-height: 1.2;
  color: var(--kh-color-ink);
}

a {
  color: var(--kh-color-accent);
  text-underline-offset: 0.15em;
}

/* моно-«штампы» для метаданных (место·год, номера анонимов) */
.kh-stamp {
  font-family: var(--kh-font-stamp);
  color: var(--kh-color-ink-muted);
  letter-spacing: 0.02em;
}

/* видимый фокус для доступности (базовый a11y-слой) */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--kh-color-focus);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}