/* ============================================================
   INNER WORTH — Spacing, Radii & Shadows
   Spacing: 4pt base. Shapes: "Minimalista + Orgánicos" — soft
   rounded corners plus the organic blob radius for decorative
   shapes. Shadows are soft and low-contrast; navy-tinted lifts
   for hero/CTA emphasis.
   ============================================================ */

:root {
  /* ---- SPACING (4pt base) ----------------------------------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* ---- RADII ------------------------------------------------ */
  --r-xs:  6px;
  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-xl:  32px;
  --r-pill: 999px;
  --r-blob: 42% 58% 63% 37% / 41% 44% 56% 59%;  /* @kind radius */ /* "Orgánicos" */

  /* ---- SHADOWS (soft, minimalista) -------------------------- */
  --shadow-xs:   0 1px 2px rgba(17,17,17,.06);
  --shadow-sm:   0 2px 8px rgba(17,17,17,.06);
  --shadow-md:   0 8px 24px rgba(17,17,17,.08);
  --shadow-lg:   0 20px 48px rgba(17,17,17,.12);
  --shadow-navy: 0 16px 40px rgba(0,0,128,.18);   /* brand emphasis */
  --shadow-lift: 0 10px 30px rgba(0,0,128,.10);   /* card hover     */

  /* ---- LAYOUT ----------------------------------------------- */
  --wrap-max:        1200px;
  --wrap-narrow-max: 880px;
  --wrap-pad:        32px;
}