/* vakas-fl.ru — базовые токены и то, чего нет в Tailwind. Компоненты (.btn, .card, .chip)
   — в resources/css/app.css (собирается в public/assets/css/app.css).
   Цвета из логотипа: фиолетовый фон, оранжевый акцент. */
:root {
  --brand:     #4f3a8a;
  --accent:    #f08100;
  --ink:       #0a0a0a;
  --ink-soft:  #525252;
  --ink-mute:  #737373;
}
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: var(--ink); background: #fff; line-height: 1.6; }
h1 { letter-spacing: -0.022em; }
h2, h3 { letter-spacing: -0.012em; }

.ink-soft    { color: var(--ink-soft); }
.ink-mute    { color: var(--ink-mute); }
.accent-text { color: var(--accent); }

.skip-link { position: absolute; top: -100px; left: 0; background: var(--ink); color: #fff; padding: 12px 20px; z-index: 100; font-weight: 600; }
.skip-link:focus { top: 0; }

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Текст анкеты: переносы строк как ввёл человек, длинные ссылки не рвут вёрстку. */
.user-text { white-space: pre-line; overflow-wrap: anywhere; }

/* Незаполненные реквизиты в правовых текстах — видно сразу. */
.legal mark { background: #fff4e6; color: #b35f00; padding: 0 .25em; border-radius: 4px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* Таблицы в статьях блога: на телефоне прокручиваются внутри себя, страница не уезжает вбок. */
.article-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }