/* Voxidub — тени и глубина. Тени тёплые и глубокие (чёрный с коричневым),
   плюс тонкий внутренний блик сверху — от него поверхности читаются как мягкий пластик. */
:root{
  --shadow-1:0 1px 2px rgba(0,0,0,.35);
  --shadow-2:0 2px 6px rgba(0,0,0,.38), 0 1px 2px rgba(0,0,0,.30);
  --shadow-3:0 8px 24px rgba(10,6,4,.45), 0 2px 6px rgba(0,0,0,.30);
  --shadow-4:0 24px 60px rgba(8,5,3,.60), 0 4px 12px rgba(0,0,0,.35);
  --shadow-accent:0 6px 20px rgba(226,149,43,.28);
  --shadow-record:0 6px 22px rgba(255,92,72,.30);

  --inset-top:inset 0 1px 0 rgba(255,255,255,.06);      /* блик на поверхностях */
  --inset-top-strong:inset 0 1px 0 rgba(255,255,255,.22); /* блик на акцентной кнопке */
  --inset-sunken:inset 0 1px 3px rgba(0,0,0,.45);        /* поля ввода, дорожки */

  --ring:0 0 0 3px var(--accent-ring);
  --ring-record:0 0 0 3px var(--record-ring);
  --ring-danger:0 0 0 3px rgba(226,75,75,.32);

  /* защитный градиент под текстом на видео/обложке */
  --scrim-bottom:linear-gradient(to top, rgba(15,13,12,.92) 0%, rgba(15,13,12,.55) 45%, transparent 100%); /* @kind other */
  --scrim-top:linear-gradient(to bottom, rgba(15,13,12,.75), transparent 60%); /* @kind other */
  --blur-overlay:blur(12px) saturate(120%); /* @kind other */
}