/* ============================================================
   BidLogiQ — Elevation, shadow & motion tokens
   SOURCE OF TRUTH: Figma "BidLogiQ" → Design-system page.
   The product's signature shadow is an offset, very soft black
   at 5% — `4px 4px 19px rgba(0,0,0,0.05)` (sidebar, panels).
   Borders on fields are drawn as INSET shadows, not CSS borders.
   ============================================================ */
:root {
  /* The real product elevation */
  --shadow-panel: 4px 4px 19px 0px rgba(0, 0, 0, 0.05);

  --shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md:  4px 4px 19px 0px rgba(0, 0, 0, 0.05);
  --shadow-lg:  0 12px 28px rgba(0, 0, 0, 0.10);
  --shadow-xl:  0 24px 48px rgba(0, 0, 0, 0.14);

  /* Field borders are inset rings in the source */
  --ring-input:        inset 0 0 0 1px var(--input-stroke);
  --ring-input-active: inset 0 0 0 1px var(--primary-main);
  --ring-input-error:  inset 0 0 0 1px var(--soft-red);
  --shadow-inset:      inset 0 1px 2px rgba(0, 0, 0, 0.06);

  /* 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);
}