/* ============================================================
   VIVIDISTA — SPACING & LAYOUT TOKENS
   4px base rhythm.
   ============================================================ */
:root {
  --sp-0:   0;      /* @kind spacing */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;
  --sp-32:  128px;

  /* ---- Section rhythm ------------------------------------- */
  --section-y:      clamp(64px, 10vw, 140px); /* @kind spacing */
  --container-max:  1200px;                   /* @kind spacing */
  --container-pad:  clamp(20px, 5vw, 48px);   /* @kind spacing */
  --content-max:    720px;                    /* @kind spacing */
}