/* ============================================================
   base.css — リセット / 基盤要素 / レイアウト土台 / ユーティリティ
   トークンに依存。コンポーネント固有のスタイルは持たない。
   ============================================================ */

/* -------- Reset -------- */
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }

/* -------- Body / 基本タイポ -------- */
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  line-height:1.85;
  letter-spacing:0.01em;
  -webkit-font-smoothing:antialiased;
}

::selection{ background:var(--accent); color:#fff; }

a{ color:inherit; text-decoration:none; }

img{ max-width:100%; display:block; }

/* -------- Layout: コンテンツ幅コンテナ -------- */
.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 var(--gutter);
}

/* -------- Utility -------- */
.maru{ font-family:var(--maru); } /* 丸ゴシックに切り替える */