/* ==========================================================================
   Radar1 — Effects: shadows, blur, motion, gradients
   Broadcast graphics favor crisp edges + subtle depth. Shadows are used
   to lift chyrons/cards off video; protection gradients keep text legible
   over live imagery.
   ========================================================================== */
:root {
  /* ---- Elevation shadows (on dark studio bg) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);
  --shadow-md:  0 4px 14px rgba(0,0,0,0.45);
  --shadow-lg:  0 12px 34px rgba(0,0,0,0.55);
  --shadow-chyron: 0 -2px 24px rgba(0,0,0,0.5);   /* lower-third lift */

  /* ---- Accent glows (sparingly — live/alert emphasis) ---- */
  --glow-red:  0 0 0 1px rgba(228,3,46,0.5), 0 0 18px rgba(228,3,46,0.35);
  --glow-cyan: 0 0 18px rgba(31,168,224,0.35);

  /* ---- Protection gradients (text legibility over video) ---- */
  --scrim-bottom: linear-gradient(to top, rgba(6,12,23,0.92) 0%, rgba(6,12,23,0.6) 34%, rgba(6,12,23,0) 72%); /* @kind other */
  --scrim-top:    linear-gradient(to bottom, rgba(6,12,23,0.85) 0%, rgba(6,12,23,0) 60%); /* @kind other */
  --scrim-left:   linear-gradient(to right, rgba(6,12,23,0.9) 0%, rgba(6,12,23,0) 55%); /* @kind other */

  /* ---- Brand gradients (used only on bars/accents, never big fills) ---- */
  --grad-red:   linear-gradient(180deg, #FF1F45 0%, #E4032E 55%, #C00227 100%); /* @kind other */
  --grad-amber: linear-gradient(180deg, #FFC53D 0%, #FFB000 100%); /* @kind other */

  /* ---- Backdrop blur ---- */
  --blur-panel: blur(14px) saturate(1.1);   /* @kind other */

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.2, 0.7, 0.2, 1);      /* @kind other */
  --ease-in:   cubic-bezier(0.5, 0, 0.75, 0.3);      /* @kind other */
  --ease-broadcast: cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --dur-fast:  120ms;   /* @kind other */
  --dur-base:  200ms;   /* @kind other */
  --dur-slow:  360ms;   /* @kind other */
  --dur-ticker: 40s;    /* @kind other */

  /* ---- Focus (repeat here for effect closure) ---- */
  --ring-cyan: 0 0 0 2px var(--signal-cyan);
}