/* ==========================================================================
   tokens.css — BeruRogue Collect デザイントークン
   出典: berurogue-collect_html/01_berurogue-collect_トップページ.html を正とする
   （tailwind.config の bellrog-* カラー定義は6HTML間で完全一致のため単一化。
    以下は tailwind.config でカバーされない「素の CSS」トークン/基礎スタイルのみ）
   ========================================================================== */

/* スムーズなスクロール挙動（01 準拠） */
html {
  scroll-behavior: smooth;
}

/* body 基礎スタイル（01 @layer base 準拠）
   注意: フォント/行間指定はこの1箇所のみに閉じ、ヘッダー側で上書きしない
   （命令書: 「body のフォント指定がヘッダーに継承してナビの見た目がブレる事故」対策） */
body {
  background-color: #FAF8F4; /* bellrog-bg */
  color: #2C2A29;            /* bellrog-main */
  font-family: 'Noto Sans JP', sans-serif; /* bellrog font-sans */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body ::selection {
  background-color: rgba(197, 168, 128, 0.3); /* bellrog-accent/30 */
  color: #2C2A29;
}

h1, h2, h3, h4, .font-serif-title {
  font-family: 'Noto Serif JP', serif; /* bellrog font-serif */
}