/* ============================================================
   Paymeter · iPark — Elevation, motion & effects tokens
   Shadows are blue-tinted (rgba of Deep Blue). The signature
   red glow lifts primary CTAs. Motion is quick & confident.
   ============================================================ */
:root {
  /* ---- Elevation (Deep Blue tinted) ---- */
  --shadow-sm: 0 4px 12px rgba(3, 25, 39, .06);
  --shadow-md: 0 12px 32px rgba(3, 25, 39, .10);
  --shadow-lg: 0 24px 60px rgba(3, 25, 39, .14);
  --shadow-xl: 0 32px 80px rgba(3, 25, 39, .20);

  /* ---- Signature red CTA glow ---- */
  --shadow-red: 0 12px 32px rgba(234, 23, 68, .30);
  --shadow-red-sm: 0 4px 16px rgba(234, 23, 68, .38);
  --shadow-red-lg: 0 20px 40px rgba(234, 23, 68, .25);

  /* ---- Blur / glass ---- */
  --glass-bg: rgba(255, 255, 255, .92);   /* @kind color */
  --glass-blur: blur(14px);               /* @kind other */

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2, .8, .2, 1);          /* @kind other */
  --ease-rise: cubic-bezier(.16, 1, .3, 1);     /* @kind other */
  --t-fast: .15s ease;    /* @kind other */
  --t-base: .25s ease;    /* @kind other */
  --t-slow: .4s ease;     /* @kind other */
}