/* ============================================================
   Vivo · Espaço, raios e elevação
   Fundações digitais (nG Solutions) sobre a marca Vivo.
   Grade base de 4px.
   ============================================================ */
:root{
  /* Escala de espaçamento (base 4px) */
  --sp1:4px;
  --sp2:8px;
  --sp3:12px;
  --sp4:16px;
  --sp5:20px;
  --sp6:24px;
  --sp7:32px;
  --sp8:40px;
  --sp9:56px;
  --sp10:72px;

  /* Raios de canto */
  --r-btn:4px;    /* botões */
  --r-sm:8px;
  --r-md:12px;    /* cards */
  --r-lg:16px;    /* modais */
  --r-pill:999px; /* chips / capsules */

  /* Elevação (sombras) */
  --sh-sm:0 1px 2px rgba(0,0,0,.06);
  --sh-md:0 2px 8px rgba(0,0,0,.08);
  --sh-lg:0 8px 24px rgba(0,0,0,.10);
  --sh-xl:0 16px 40px rgba(0,0,0,.14);
  --sh-purpura:0 12px 32px rgba(102,0,153,.28);

  /* Movimento */
  --ease:cubic-bezier(.4,0,.2,1); /* @kind other */
  --dur-fast:.15s; /* @kind other */
  --dur-base:.18s; /* @kind other */
  --dur-slow:.25s; /* @kind other */
}