:root {
  /* ---- Тени ---- */
  --shadow-card: rgba(0,0,0,.25) 0 1px 2px, rgba(0,0,0,.2) 0 4px 8px, rgba(0,0,0,.18) 0 16px 32px;
  --shadow-stack: 0 -12px 44px rgba(0,0,0,.55);      /* sticky-стек карточек */
  --shadow-stack-sm: 0 -10px 34px rgba(0,0,0,.55);
  --shadow-control: 0 1px 2px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.45);  /* поднятые контролы: ползунок */

  /* ---- Анимация ---- */
  --ease-out-expo: cubic-bezier(.16,1,.3,1);   /* появления, модалки */
  --ease-out-soft: cubic-bezier(.22,1,.36,1);  /* карточки */
  --dur-reveal: .7s;
  --dur-card: .8s;
  --dur-hover: .3s;
  --dur-press: .14s;  /* тактильный отклик нажатия (Emil: 100–160мс, ease-out) */
  --dur-state: .2s;   /* смена состояния контролов: фокус, toggle, ховер-цвет */
  --stagger: .08s;  /* пословный каскад заголовков */

  /* ---- Свечение (BorderGlow) ---- */
  --glow-palette-1: #E1E0CC;
  --glow-palette-2: #c9b98a;
  --glow-palette-3: #7d7047;
  --glow-hsl: 44 45 74;

  /* ---- Зерно (grain) ---- */
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain-opacity-section: .15;  /* на секциях */
  --grain-opacity-hero: .7;      /* поверх видео, mix-blend-mode: overlay */
}

@keyframes wdg-fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes wdg-card-in { from { opacity: 0; transform: scale(.95) } to { opacity: 1; transform: scale(1) } }
@keyframes wdg-pulse { 0%,100% { opacity: .75 } 50% { opacity: 1 } }