/* ============================================================
   Confirm — spacing, layout & radii tokens
   ============================================================ */
:root {
  /* ---- layout ---- */
  --maxw:   1200px;                        /* content max width */
  --gutter: clamp(20px, 5vw, 64px);        /* @kind spacing */  /* page side padding */

  /* ---- section rhythm ---- */
  --section-y:       clamp(64px, 9vw, 130px);  /* @kind spacing */
  --section-y-tight: clamp(48px, 6vw, 84px);   /* @kind spacing */

  /* ---- spacing scale (used for gaps, padding) ---- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  22px;
  --sp-6:  28px;
  --sp-7:  40px;
  --sp-8:  52px;
  --sp-9:  68px;

  /* ---- corner radii ---- */
  --r-sm: 8px;    /* inputs, chips, small controls */
  --r:    14px;   /* cards, frames */
  --r-lg: 22px;   /* large panels, hero frame, forms */
  --r-pill: 100px;
}