/* ============================================================
   VIVO · SPACING, RADII, ELEVATION & MOTION TOKENS
   Base-4 grid. Flat buttons (4px). Cards 12px. Modals 16px.
   Digital foundations (space/radius/elevation) prepared by
   nG Solutions, extending the Vivo brand.
   ============================================================ */
:root {
  /* Spacing scale · base 4px */
  --sp1: 4px;
  --sp2: 8px;
  --sp3: 12px;
  --sp4: 16px;
  --sp5: 20px;
  --sp6: 24px;
  --sp7: 32px;
  --sp8: 40px;
  --sp9: 56px;
  --sp10: 72px;

  /* Corner radii */
  --r-btn: 4px;    /* buttons */
  --r-sm: 8px;
  --r-md: 12px;    /* cards */
  --r-lg: 16px;    /* modals */
  --r-pill: 999px; /* chips / pills */

  /* Elevation */
  --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);

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

  /* Layout */
  --sidebar-w: 248px; /* @kind spacing */
}