/* ============================================================
   Pino Studio — Spacing & layout tokens
   余白は広く、でもスカスカにしない。罫線と余白で区切る。
   角丸は基本なし(使っても2px)。影は使わない/ほぼ見えない程度。
   ============================================================ */

:root {
  /* spacing scale (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;  /* セクション間の広い余白 */

  /* layout */
  --container-max: 1200px;
  --container-pad: clamp(20px, 5vw, 64px);
  /* セクション縦余白 — PC 112〜144px / SP 64〜88px */
  --section-pad-y: clamp(64px, 9vw, 144px);
  --section-gap:   var(--section-pad-y);
  --content-measure: 38em;           /* 本文の最適行長 */

  /* radii — 基本0px。フォームとボタンだけ2pxまで */
  --radius-none: 0px;
  --radius-sm:   2px;   /* フォーム・ボタンの最大 */
  --radius:      0px;

  /* borders — 細い黒金属の線 */
  --hairline: 1px solid var(--color-line);
  --rule:     1px solid var(--color-line-strong);
  --metal:    1px solid var(--color-ink);   /* 見出し下・CTA・区切り */

  /* shadows — 使わない / ほぼ見えない程度 */
  --shadow-none: none;
  --shadow-faint: 0 1px 2px rgba(32, 33, 30, 0.04); /* 原則なし */

  /* motion — ホバーは少し濃くなるだけ。静かに */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --transition: 220ms var(--ease);
}