/* ============================================================
   ACERA — Radius, shadow, border & motion tokens
   The isotipo is built from soft organic ellipses; UI rounding
   is therefore generous and pill-friendly.
   ============================================================ */
:root {
  /* Radii */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Borders */
  --border-width: 1px;
  --border-width-thick: 2px;

  /* Shadows — soft, cool-tinted (purple-black), never harsh */
  --shadow-xs: 0 1px 2px rgba(31,26,61,0.06);
  --shadow-sm: 0 1px 3px rgba(31,26,61,0.08), 0 1px 2px rgba(31,26,61,0.06);
  --shadow-md: 0 4px 12px rgba(31,26,61,0.10);
  --shadow-lg: 0 12px 32px rgba(31,26,61,0.14);
  --shadow-focus: 0 0 0 3px rgba(0,181,140,0.35);

  /* Motion — gentle, no bounce; ease-out for enters */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}