/* AEVUM Design System — Effects Tokens
   Shadows are deep and warm. Glows reference the amber/red studio lighting.
   Transitions are slow and cinematic — no bounce, no spring.
*/

:root {

  /* ── SHADOWS ─────────────────────────────────────────────── */
  --shadow-xs:    0 1px  3px rgba(0, 0, 0, 0.60);
  --shadow-sm:    0 2px  8px rgba(0, 0, 0, 0.65);
  --shadow-md:    0 4px 20px rgba(0, 0, 0, 0.70);
  --shadow-lg:    0 8px 40px rgba(0, 0, 0, 0.75);
  --shadow-xl:    0 16px 64px rgba(0, 0, 0, 0.85);
  --shadow-2xl:   0 32px 96px rgba(0, 0, 0, 0.90);

  /* ── GLOW EFFECTS ────────────────────────────────────────── */
  /* Reference: amber architectural LED strips, red light panel  */
  --glow-amber-sm:   0 0  20px rgba(200, 120, 48, 0.25);
  --glow-amber-md:   0 0  40px rgba(200, 120, 48, 0.30);
  --glow-amber-lg:   0 0  80px rgba(200, 120, 48, 0.20);
  --glow-red-sm:     0 0  20px rgba(204, 32, 32, 0.30);
  --glow-red-md:     0 0  60px rgba(204, 32, 32, 0.40);
  --glow-red-lg:     0 0 120px rgba(204, 32, 32, 0.25);

  /* ── EASING ──────────────────────────────────────────────── */
  --ease-out-expo:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-in-out-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* @kind other */
  --ease-out-circ:      cubic-bezier(0.0, 0.55, 0.45, 1.0);  /* @kind other */

  /* ── TRANSITIONS ─────────────────────────────────────────── */
  --transition-instant:   80ms ease;   /* @kind other */
  --transition-fast:     150ms ease;   /* @kind other */
  --transition-base:     280ms ease;   /* @kind other */
  --transition-slow:     450ms ease;   /* @kind other */
  --transition-cinematic: 700ms cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --transition-dramatic: 1200ms cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */

  /* ── BLUR LEVELS ─────────────────────────────────────────── */
  /* Used for glass overlays and nav backdrop                    */
  --blur-sm:   blur(4px);   /* @kind other */
  --blur-md:   blur(12px);  /* @kind other */
  --blur-lg:   blur(24px);  /* @kind other */
  --blur-xl:   blur(48px);  /* @kind other */

  /* ── OVERLAY GRADIENTS ───────────────────────────────────── */
  --gradient-overlay-bottom: linear-gradient(to bottom, transparent 0%, rgba(14,12,16,.90) 70%, rgba(14,12,16,1) 100%); /* @kind other */
  --gradient-overlay-full:   linear-gradient(135deg, rgba(14,12,16,.30) 0%, rgba(14,12,16,.70) 60%, rgba(14,12,16,1) 100%); /* @kind other */
  --gradient-amber-glow:     radial-gradient(ellipse at center, rgba(200,120,48,.15) 0%, transparent 70%); /* @kind other */
  --gradient-red-glow:       radial-gradient(ellipse at center, rgba(204,32,32,.22) 0%, transparent 60%); /* @kind other */
}