/* ============================================================
   BidLogiQ — Elevation, shadow & motion tokens
   Shadows are soft and low-contrast, tinted with the brand
   blue-black rather than pure black, so cards feel calm and
   recede gently. Motion is quick and restrained — no bounce.
   ============================================================ */
:root {
  /* Shadows (tinted with brand navy: 14,35,48) */
  --shadow-xs:  0 1px 2px rgba(14, 35, 48, 0.06);
  --shadow-sm:  0 1px 3px rgba(14, 35, 48, 0.08), 0 1px 2px rgba(14, 35, 48, 0.06);
  --shadow-md:  0 4px 12px rgba(14, 35, 48, 0.08), 0 2px 4px rgba(14, 35, 48, 0.06);
  --shadow-lg:  0 12px 28px rgba(14, 35, 48, 0.12), 0 4px 8px rgba(14, 35, 48, 0.06);
  --shadow-xl:  0 24px 48px rgba(14, 35, 48, 0.16);

  /* Inset (sunken fields, wells) */
  --shadow-inset: inset 0 1px 2px rgba(14, 35, 48, 0.08);

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0.1, 1);   /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --duration-fast:   120ms;  /* @kind other */
  --duration-base:   180ms;  /* @kind other */
  --duration-slow:   260ms;  /* @kind other */

  --transition-base: all var(--duration-base) var(--ease-standard);
}