/* ============================================================
   Aidapt — Spacing
   ------------------------------------------------------------
   4px base unit, 8px rhythm. Space is the brand's loudest
   material: lead with white, let layouts breathe, pass the
   2-second squint test. When unsure, choose the larger step.
   ============================================================ */

:root {
  --space-0:   0;
  --space-px:  1px;
  --space-0-5: 0.125rem;  /*  2px */
  --space-1:   0.25rem;   /*  4px — base unit */
  --space-1-5: 0.375rem;  /*  6px */
  --space-2:   0.5rem;    /*  8px — rhythm unit */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-32:  8rem;      /* 128px */
  --space-40:  10rem;     /* 160px */

  /* Semantic spacing — speak intent, not numbers */
  --gap-inline:   var(--space-2);   /* between inline siblings (icon+label) */
  --gap-tight:    var(--space-3);   /* dense control groups */
  --gap-default:  var(--space-4);   /* default element gap */
  --gap-comfy:    var(--space-6);   /* card internals */
  --gap-section:  var(--space-12);  /* between page sections */
  --gap-hero:     var(--space-24);  /* hero / landmark whitespace */

  --pad-control:  var(--space-3);   /* inside buttons / inputs (y) */
  --pad-card:     var(--space-6);   /* inside cards */
  --pad-card-lg:  var(--space-8);
  --pad-page:     var(--space-8);   /* page gutter (desktop) */

  /* Layout measure — keep reading line ~66ch */
  --measure:      66ch;
  --measure-wide: 78ch;
  --container:    1200px;
  --container-wide: 1400px;
}