/* Base cho Sprint 1:
 * - Chuẩn hoá hook class theo kit/variant.
 * - Không phá style.css hiện tại, chỉ bổ sung biến và hành vi nhẹ.
 */

body.render-v8[class*="kit-"] {
  --kit-gap: clamp(16px, 2vw, 24px);
}

body.render-v8.density-compact {
  --kit-gap: clamp(12px, 1.4vw, 18px);
}

body.render-v8.density-spacious {
  --kit-gap: clamp(22px, 2.8vw, 32px);
}

body.render-v8 .section-block {
  padding-top: var(--kit-gap);
  padding-bottom: var(--kit-gap);
}