/* =============================================================
   foundation/base.css — ページ共通のテキスト・レイアウト基本（media 属性なし = all）
   -------------------------------------------------------------
   出典: pages/01-home 〜 06-contact の各 index.html <style> のうち、
        5 ページで同一だった規則だけを 1 か所へ集約したもの。
        値は上流のまま。hex / px のベタ書きはせず var(--token) だけを参照する。

   要素そのものの基本（body / h1-h3 / a）は foundation/tokens.css 側にある。
   section 固有の規則は assets/css/sections/<section>.css に置く。
   ============================================================= */

/* section の中身を中央の列へ収める共通ラッパ */
.wrap {
  max-width: var(--content-max-wide);
  margin: 0 auto;
  padding: 0 var(--space-lg);
  text-align: center;
}

/* 本文段落 */
.body {
  font: var(--type-body);
  letter-spacing: var(--tracking-body);
  margin: 0 auto var(--space-lg);
  max-width: 46ch;
}
.tile-dark .body { color: var(--color-body-muted); }

/* 見出し上の小さなラベル */
.eyebrow {
  font: var(--type-caption);
  letter-spacing: var(--tracking-tagline);
  color: var(--color-ink-muted-48);
  margin: 0 0 var(--space-sm);
}
.tile-dark .eyebrow { color: var(--color-body-muted); }

/* 見出し直下のリード文 */
.lead {
  font: var(--type-lead);
  letter-spacing: var(--tracking-lead);
  margin: var(--space-md) auto 0;
  max-width: 34em;
}

/* 補足の注記 */
.note {
  font: var(--type-caption);
  letter-spacing: var(--tracking-caption);
  color: var(--color-ink-muted-80);
  margin: var(--space-sm) auto 0;
  max-width: 44ch;
}