/* ============================================================
   APSYS — Elevation, borders, focus & motion tokens
   Restrained: flat surfaces, hairline borders, soft shadows
   reserved for floating UI only. No marketing glow.
   ============================================================ */

:root {
  /* Border widths */
  --bw-hair: 1px;
  --bw-thick: 2px;

  /* Shadows — minimal. Cards are border-defined, not shadowed. */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(14, 17, 22, 0.06);
  --shadow-sm: 0 2px 6px rgba(14, 17, 22, 0.08);
  --shadow-md: 0 6px 20px rgba(14, 17, 22, 0.10);   /* dropdowns */
  --shadow-lg: 0 16px 40px rgba(14, 17, 22, 0.16);  /* modals */

  /* Focus ring — always brand blue, square-friendly */
  --focus-ring: 0 0 0 3px rgba(11, 33, 244, 0.22);
  --focus-ring-offset: 0 0 0 2px var(--white), 0 0 0 4px var(--apsys-blue);

  /* Motion — subtle, functional only (no bounce) */
  --ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */
}