/* ============================================================
   SSB — Базовые стили: фон, типографика, фокус
   ============================================================ */

body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  color: var(--color-text);
  background-color: var(--color-bg);
  overflow-x: hidden;
}

/* ---------- Кинематографичный фон ---------- */
.page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    /* вуаль: сверху легче (первый экран), к низу плотнее (секции с текстом) */
    linear-gradient(180deg, rgba(7, 7, 7, 0.3) 0%, rgba(7, 7, 7, 0.35) 45%, rgba(7, 7, 7, 0.5) 100%),
    url("../assets/background/bg-blueprint.jpg") center / cover no-repeat;
  filter: saturate(0.85) brightness(1.2) contrast(1);
}

/* Виньетка для глубины */
.page-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(85% 70% at 50% 45%, transparent 62%, rgba(0, 0, 0, 0.35) 100%);
}

/* ---------- Фокус-обводка (мягкая янтарная) ---------- */
:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
  border-radius: var(--radius-sm);
}

/* ---------- Выделение текста ---------- */
::selection {
  background: var(--color-amber-dim);
  color: var(--color-text);
}