/* Base de espaço 4px: todo margin/padding/gap é múltiplo dela. */
:root{
  --m360-e1:0.25rem;
  --m360-e2:0.5rem;
  --m360-e3:0.75rem;
  --m360-e4:1rem;
  --m360-e6:1.5rem;
  --m360-e8:2rem;
  --m360-e12:3rem;
  --m360-e16:4rem;
  --m360-e24:6rem;
  --m360-e32:8rem;
  --m360-e40:10rem;

  /* Raio — squircle deriva da geometria do símbolo */
  --m360-r-none:0px; /* @kind radius */
  --m360-r-sm:0.375rem;
  --m360-r-md:0.75rem;
  --m360-r-lg:1.5rem;
  --m360-r-xl:2.5rem;
  --m360-r-squircle:38%;
  --m360-r-pill:999px;
}
