/* ============================================================
   EFFECTS — radius, shadow, motion, blur
   Blue Horizon Holistics
   ============================================================ */
:root {
  /* Radius — CRM UI is modest (6–24px); website CTAs are pills */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 9999px;
  --r-full: 9999px;

  /* Shadows — soft, warm, tinted with brand ink */
  --shadow-sm: 0 1px 3px rgba(28, 43, 45, 0.06);
  --shadow-md: 0 4px 16px rgba(28, 43, 45, 0.08);
  --shadow-lg: 0 8px 32px rgba(28, 43, 45, 0.12);
  --shadow-xl: 0 20px 48px rgba(28, 43, 45, 0.16);
  --shadow-brand: 0 4px 20px rgba(0, 147, 159, 0.20);
  --shadow-focus: 0 0 0 3px var(--brand-glow);

  /* Motion */
  --ease-fast: 150ms ease; /* @kind other */
  --ease-normal: 250ms ease; /* @kind other */
  --ease-slow: 400ms ease; /* @kind other */
  --ease-spring: 300ms cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */

  /* Blur (frosted overlays) */
  --blur-overlay: 6px; /* @kind other */
}