/* ═══════════════════════════════════════════════════════════════
 * Quillon · Python Backend + ML — track page styles
 * Извлечено из index.html (рефакторинг 2026-04-28).
 * Дизайн-токены и базовые правила импортируются вместе с CSS v4.
 * ═══════════════════════════════════════════════════════════════ */

/* ─── Night Studio → v4 variable aliases ───
 * Секции demand/fit/portfolio/quilly/career написаны с Night Studio
 * переменными. Мэппим их в v4-эквиваленты здесь, чтобы не трогать
 * каждый CSS-файл отдельно. */
:root {
  --mint:       var(--q-accent);
  --rule:       var(--q-line);
  --rule-faint: var(--q-line-soft);
  --text:       var(--q-text-hi);
  --text-soft:  var(--q-text-mid);
  --text-muted: var(--q-text-mid);
  --text-faint: var(--q-text-low);
  --ff-mono:    var(--q-font-mono);
  --dur-med:    var(--q-dur-med);
  --ease-out:   var(--q-ease);
  --ink-10:     var(--q-bg-2);
  --ink-15:     var(--q-bg-3);
  --ink-20:     var(--q-bg-4);
  --ink-30:     var(--q-bg-5);
}

/* ─── Horizontal-scroll guard ───
 * Декоративные ::before / ::after с отрицательными left/right
 * (q-pr, q-faq, q-cf, q-fc) расширяют боксовую модель за viewport.
 * `clip` — современный путь без формирования formatting-context. */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden; }
}