/* ============================================================
   E1 ProServ — Shadows, borders, motion
   Flat-first: soft, low shadows; a fine signal-cyan focus ring;
   quick, no-bounce transitions for an IT-professional feel.
   ============================================================ */
:root {
  /* Elevation — soft & subtle, never heavy */
  --shadow-xs: 0 1px 2px rgba(17, 19, 21, 0.05);
  --shadow-sm: 0 1px 3px rgba(17, 19, 21, 0.07), 0 1px 2px rgba(17, 19, 21, 0.04);
  --shadow-md: 0 6px 18px rgba(17, 19, 21, 0.08);
  --shadow-lg: 0 18px 44px rgba(17, 19, 21, 0.12);
  --shadow-signal: 0 10px 30px rgba(0, 102, 153, 0.22);

  --border-hairline: 1px solid var(--border-subtle);
  --border-solid:    1px solid var(--border-default);

  /* Focus */
  --ring: 0 0 0 3px rgba(0, 181, 214, 0.35);

  /* Motion — fast, functional, ease-out (no bounce) */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  /* Signature gradient — single-hue blue, used sparingly on dark panels only */
  --grad-signal: linear-gradient(120deg, var(--e1-blue-700) 0%, var(--e1-blue) 60%, var(--blue-bright) 100%);
}