/* ==========================================================================
   NUISIBLE 360 — Shadows & motion
   ========================================================================== */

:root {
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.15);
  --shadow-urgent: 0 8px 24px rgba(76,138,38,0.35);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 300ms; /* @kind other */
}

@keyframes sos-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(193,39,45,0.45); }
  50% { box-shadow: 0 0 0 8px rgba(193,39,45,0); }
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slide-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}