/* ============================================================
   Типографика: базовый шрифт, заголовки, ссылки, focus-ring.
   Никаких компонентов — только базовая стилизация document'а.
   ============================================================ */

html, body { height: 100%; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--brand); }
a:hover { color: var(--brand-hover); }

/* Заголовки — чуть плотнее и контрастнее. */
h1, h2, h3, h4, h5, h6 { color: var(--text); letter-spacing: -0.01em; }

/* Focus ring под бренд. */
:focus-visible {
  outline: 2px solid var(--brand-ring);
  outline-offset: 2px;
}

/* Код в теле текста. */
code {
  background: var(--surface-3);
  color: var(--text);
  padding: 0.1em 0.35em;
  border-radius: var(--radius-xs);
  font-size: 0.85em;
}

/* HTMX-индикатор — тонкая прогресс-полоса под бренд. */
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease-in;
  background: var(--brand) !important;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { opacity: 1; }