/* ============================================================
   INTERSOLIS — Spacing, radii, shadows, motion
   ============================================================ */
:root{
  /* ---------- SPACING (8pt base) ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  /* ---------- RADII ---------- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   32px;
  --r-pill: 999px;   /* the logo "capsule" + CTA badges live here */

  /* ---------- SHADOWS / ELEVATION ---------- */
  --shadow-sm:  0 1px 2px rgba(4,41,64,.08), 0 1px 3px rgba(4,41,64,.06);
  --shadow-md:  0 6px 16px rgba(4,41,64,.12);
  --shadow-lg:  0 18px 40px rgba(4,41,64,.20);
  --shadow-card: 0 10px 30px rgba(4,41,64,.14);   /* photo cards in posts */
  --shadow-yellow: 0 8px 22px rgba(246,182,13,.35);

  /* ---------- MOTION ---------- */
  --ease:     cubic-bezier(.4, 0, .2, 1); /* @kind other */
  --ease-out: cubic-bezier(.16, 1, .3, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur:      220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}