/* ===========================================================================
   Ommpo Healthcare — Radius, shadow, border & motion tokens
   Generously rounded corners. Soft, warm, green-tinted shadows.
   =========================================================================== */
:root {
  /* --- Corner radii (rounded brand) ------------------------------------- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-2xl:  36px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);
  --radius-control: var(--radius-md);

  /* --- Border widths ---------------------------------------------------- */
  --border-w:       1px;
  --border-w-thick: 1.5px;

  /* --- Shadows (warm green-tinted, soft) -------------------------------- */
  --shadow-xs: 0 1px 2px rgba(28, 59, 39, 0.06);
  --shadow-sm: 0 2px 8px rgba(28, 59, 39, 0.07);
  --shadow-md: 0 8px 22px rgba(28, 59, 39, 0.10);
  --shadow-lg: 0 18px 44px rgba(28, 59, 39, 0.13);
  --shadow-xl: 0 32px 70px rgba(28, 59, 39, 0.16);
  --shadow-inset: inset 0 1px 2px rgba(28, 59, 39, 0.06);

  /* --- Motion ----------------------------------------------------------- */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast:   140ms; /* @kind other */
  --duration-normal: 220ms; /* @kind other */
  --duration-slow:   360ms; /* @kind other */
}