/*
 * уНИХ optional recipes v1.1.0
 * Scope the product root with class="unikh".
 * Tokens remain usable without this file.
 */
.unikh {
  color: var(--unikh-color-text-primary);
  background: var(--unikh-color-background);
  font-family: var(--unikh-font-primary);
}

.unikh .unikh-display {
  font-size: var(--unikh-text-display-mobile);
  font-weight: var(--unikh-weight-bold);
  line-height: var(--unikh-leading-display);
  letter-spacing: var(--unikh-tracking-display);
}

.unikh .unikh-h2 {
  font-size: var(--unikh-text-h2-mobile);
  font-weight: var(--unikh-weight-bold);
  line-height: var(--unikh-leading-heading);
  letter-spacing: var(--unikh-tracking-heading);
}

.unikh .unikh-body {
  font-size: var(--unikh-text-body);
  font-weight: var(--unikh-weight-regular);
  line-height: var(--unikh-leading-body);
}

.unikh .unikh-meta {
  font-size: var(--unikh-text-meta);
  font-weight: var(--unikh-weight-medium);
  line-height: var(--unikh-leading-meta);
}

.unikh .unikh-text-column {
  max-width: var(--unikh-text-max);
}

.unikh :focus-visible {
  outline: var(--unikh-focus-width) solid var(--unikh-focus-color);
  outline-offset: var(--unikh-focus-offset);
}

@media (min-width: 1024px) {
  .unikh .unikh-display { font-size: var(--unikh-text-display-desktop); }
  .unikh .unikh-h2 { font-size: var(--unikh-text-h2-desktop); }
}

@media (prefers-reduced-motion: reduce) {
  .unikh *, .unikh *::before, .unikh *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}