/* ============================================================
   Manuel — Elevation & effects
   Shadows are soft and blue-tinted (built on the brand blue at very
   low alpha), never harsh black. Cards float gently on the light-blue
   canvas. Values distilled from the layered shadow stacks in the file.
   ============================================================ */
:root {
  /* Blue-tinted card elevation (rgba(2,52,175,·) — the dominant shadow in the file) */
  --shadow-xs:   0 1px 2px rgba(2,52,175,0.03);
  --shadow-sm:   0 2px 8px rgba(2,52,175,0.06);
  --shadow-card: 0 8px 24px rgba(2,52,175,0.07), 0 2px 6px rgba(2,52,175,0.03);
  --shadow-lg:   0 16px 40px rgba(2,52,175,0.10), 0 4px 12px rgba(2,52,175,0.04);

  /* Neutral fallbacks for elements off the blue canvas */
  --shadow-soft: 0 4px 16px rgba(0,0,0,0.05);
  --shadow-pop:  0 8px 28px rgba(0,0,0,0.09);

  /* Inset hairline used on ghost pills / outlined inputs */
  --ring-hairline: inset 0 0 0 1px rgba(1,32,63,0.3); /* @kind shadow */
  --ring-brand:    inset 0 0 0 1px rgba(3,68,220,0.2); /* @kind shadow */

  /* Motion — quick, gentle ease-out; no bounce */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast:      120ms; /* @kind other */
  --dur-base:      200ms; /* @kind other */
  --dur-slow:      320ms; /* @kind other */
}