/* Baloyi Financials — Shadow, ring, motion tokens
   Shadows are soft and low-spread (paper lifting off paper), never dramatic.
   Motion is quick and unshowy — fades and small translates, no bounce. */
:root {
  --shadow-xs: 0 1px 1px rgba(15, 32, 56, 0.04);
  --shadow-sm: 0 1px 2px rgba(15, 32, 56, 0.06), 0 1px 3px rgba(15, 32, 56, 0.05);
  --shadow-md: 0 2px 4px rgba(15, 32, 56, 0.06), 0 4px 12px rgba(15, 32, 56, 0.08);
  --shadow-lg: 0 8px 24px rgba(15, 32, 56, 0.10), 0 2px 6px rgba(15, 32, 56, 0.06);
  --shadow-xl: 0 20px 48px rgba(15, 32, 56, 0.16), 0 4px 12px rgba(15, 32, 56, 0.08);
  --shadow-inset: inset 0 1px 2px rgba(15, 32, 56, 0.06);

  --focus-ring: 0 0 0 var(--focus-ring-width) rgba(52, 93, 143, 0.35);
  --focus-ring-accent: 0 0 0 var(--focus-ring-width) rgba(13, 122, 95, 0.30);

  --ease-standard: cubic-bezier(0.2, 0, 0, 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 */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */

  --overlay-scrim: rgba(15, 32, 56, 0.44);
}