/* ============================================================
   MODULINO — SPACING, RADII, SHADOWS, LAYOUT (landing page)
   ============================================================ */
:root {
  /* --- Spacing scale (4px base) --- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;   /* section padding */

  /* --- Radii --- */
  --radius-sm:   8px;    /* small cards / chips */
  --radius:      14px;   /* default card */
  --radius-lg:   22px;   /* large panels / pricing blocks */
  --radius-full: 999px;  /* pills — buttons, eyebrows, tags */

  /* --- Shadows (warm, low-saturation) --- */
  --shadow-sm: 0 1px 2px rgba(14,20,17,.04), 0 1px 1px rgba(14,20,17,.03);
  --shadow-md: 0 8px 24px -8px rgba(14,20,17,.12), 0 2px 6px rgba(14,20,17,.04);
  --shadow-lg: 0 30px 60px -20px rgba(14,20,17,.18), 0 8px 20px -8px rgba(14,20,17,.08);

  /* --- Layout --- */
  --wrap:        1240px;  /* @kind spacing */
  --wrap-narrow: 920px;   /* @kind spacing */
  --nav-h:       68px;    /* @kind spacing */

  /* --- Motion --- */
  --ease-out:    cubic-bezier(.22, 1, .36, 1); /* @kind other */
  --dur-fast:    .12s; /* @kind other */
  --dur:         .15s; /* @kind other */
  --dur-slow:    .25s; /* @kind other */
}