/* -----------------------------------------------------------------------------
   SPACING + LAYOUT — 4px base step, plus the site's fluid section rhythm
   -------------------------------------------------------------------------- */
:root {
  --dai-space-1:  4px;
  --dai-space-2:  8px;
  --dai-space-3:  12px;
  --dai-space-4:  16px;
  --dai-space-5:  20px;
  --dai-space-6:  24px;
  --dai-space-7:  28px;
  --dai-space-8:  32px;
  --dai-space-10: 40px;
  --dai-space-12: 48px;
  --dai-space-14: 56px;
  --dai-space-18: 72px;

  --dai-section-y:    clamp(80px, 10vw, 140px); /* @kind spacing */
  --dai-section-y-sm: clamp(48px, 6vw, 88px); /* @kind spacing */
  --dai-card-pad:     clamp(26px, 4vw, 52px);
  --dai-container:    1200px;
  --dai-gutter:       24px;
}