/* ============================================================
   ЯЗНАЮ — эффекты: фоны, скримы, тени-утилиты.
   Адаптация Passionfroot (01-gradients, 03-effects) под палитру
   iknow (brand/palette.md): низ hero — золотое свечение вместо
   коралла; фиолетовые акценты заменены индиго.
   Требует brand/tokens.css.
   ============================================================ */

/* ---- Фоны секций ---- */
.bg-hero { background: var(--gradient-hero); }

/* Мягкий тёмный вариант (финал Б12 — тише, чем hero) */
.bg-space-quiet {
  background:
    radial-gradient(100% 70% at 50% 0%, rgba(139, 132, 198, 0.14) 0%, rgba(25, 9, 34, 0) 60%),
    linear-gradient(180deg, var(--color-space) 0%, var(--color-space-2) 100%);
}

/* Скрим поверх фото (Б8 групповое фото и любые фото-подложки) */
.scrim-dark::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--scrim-dark);
  pointer-events: none;
}

/* Тёплая виньетка за контентом на пергаменте */
.glow-parchment {
  background-image: radial-gradient(95% 50% at 50% 50%,
    rgba(248, 247, 242, 0.7) 0%,
    rgba(248, 247, 242, 0.5) 100%);
}

/* Золотая отбивка цитат (ЦИТАТ-блоки) */
.quote-rule {
  border-left: 2px solid var(--quote-accent);
  padding-left: var(--spacing-20);
}

/* Шиммер-заглушка загрузки медиа */
.shimmer {
  background-image: linear-gradient(100deg,
    rgba(0, 0, 0, 0) 40%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(0, 0, 0, 0) 60%);
  background-size: 200% 100%;
  animation: shimmer 1.6s linear infinite;
}

/* ---- Тени-утилиты ---- */
.shadow-border        { box-shadow: var(--shadow-border-default); }
.shadow-border-strong { box-shadow: var(--shadow-border-strong); }
.shadow-card          { box-shadow: var(--card-shadow-rest); }

/* Интерактивный подъём карточек/кнопок */
.lift {
  box-shadow: var(--card-shadow-rest);
  transition: var(--transition-lift);
  will-change: transform;
}
.lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--card-shadow-hover);
}