/* ============================================================
   SUPPORTE · RADIUS & ELEVATION
   The mark has "cantos arredondados, sem arestas" — rounded,
   edgeless. Corners run generous; pills for actions/tags.
   ============================================================ */
:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  /* soft, cool-neutral shadows (graphite-based, low spread) */
  --shadow-xs:0 1px 2px rgba(33,33,35,0.06);
  --shadow-sm:0 1px 3px rgba(33,33,35,0.08),0 1px 2px rgba(33,33,35,0.06);
  --shadow-md:0 4px 12px rgba(33,33,35,0.08),0 2px 4px rgba(33,33,35,0.05);
  --shadow-lg:0 12px 32px rgba(33,33,35,0.10),0 4px 8px rgba(33,33,35,0.05);
  --shadow-brand:0 8px 24px rgba(243,112,33,0.28);

  /* motion — smooth, fluid, no bounce (brand is "fluida") */
  --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-normal:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
}