/* ============================================================
   EFFECTS — Minhas Vendas
   Radii + soft, diffuse warm-gray shadows. Calm, low-contrast.
   ============================================================ */

:root {
  /* Radii */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;   /* controls, mini-cards */
  --radius-lg:   20px;   /* cards */
  --radius-xl:   28px;   /* app frame / hero panels */
  --radius-pill: 999px;  /* badges, avatars, icon buttons */

  /* Shadows — tinted with the warm-green neutral, never pure black */
  --shadow-xs:   0 1px 2px rgba(30, 40, 32, 0.05);
  --shadow-sm:   0 2px 6px rgba(30, 40, 32, 0.06);
  --shadow-card: 0 10px 28px -12px rgba(34, 46, 38, 0.16);
  --shadow-lg:   0 20px 48px -16px rgba(34, 46, 38, 0.22);

  /* Inset for sunken / pressed surfaces */
  --shadow-inset: inset 0 1px 2px rgba(30, 40, 32, 0.06);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(84, 104, 79, 0.28);

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}