/* ============================================================================
 * IT-Service Helm — Elevation & Motion Tokens
 * Shadows are cool/navy-tinted and restrained — a trustworthy, low-key
 * professional surface system, never flashy. Motion is quick and matter-of-fact.
 * ==========================================================================*/
:root {
  /* Shadows (navy-tinted) */
  --shadow-xs: 0 1px 2px rgba(3, 38, 63, 0.06);
  --shadow-sm: 0 1px 2px rgba(3, 38, 63, 0.06), 0 2px 6px rgba(3, 38, 63, 0.07);
  --shadow-md: 0 2px 4px rgba(3, 38, 63, 0.06), 0 6px 16px rgba(3, 38, 63, 0.10);
  --shadow-lg: 0 8px 24px rgba(3, 38, 63, 0.12), 0 2px 6px rgba(3, 38, 63, 0.08);
  --shadow-xl: 0 18px 48px rgba(2, 26, 44, 0.18);

  /* Focus ring */
  --ring: 0 0 0 3px var(--focus-ring);

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