/* Isthmus Meridian — Spacing, radius & layout tokens
   ================================================================
   4px base unit. Institutional layouts breathe: generous section
   padding, wide gutters, calm rhythm.
*/
:root {
  --sp-0:   0px;
  --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;
  --sp-40:  160px;

  /* ---- Radii — restrained; hardware-glass corners on tiles ---- */
  --radius-none: 0px;
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   22px;    /* cards */
  --radius-2xl:  28px;    /* app-icon / hero tiles */
  --radius-pill: 999px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-wide:1360px;
  --gutter:        24px;
  --section-y:     96px;   /* vertical rhythm between marketing sections */

  /* ---- Control sizing ---- */
  --control-h-sm:  34px;
  --control-h-md:  42px;
  --control-h-lg:  52px;
}