/* ==========================================================================
   SPACING TOKENS — Tendy 田地故事 · 4px base scale
   Whole steps carry layout rhythm; the three half-steps (2 / 6 / 10 / 14px)
   exist so component chrome can stay on-system instead of reaching for a
   one-off literal.
   ========================================================================== */
:root{
  /* ---- Half steps (tight component chrome) ---- */
  --sp-0h: 2px;
  --sp-1h: 6px;
  --sp-2h: 10px;
  --sp-3h: 14px;

  /* ---- Base 4px scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ---- Semantic rhythm ---- */
  --section-y: clamp(56px, 8vw, 96px); /* vertical breathing between sections */
  --card-pad: 20px;                    /* default card interior */
}