/* css/style.css */

/* Tailwind CSS CDN を使用しているため、基本的なスタイルはHTML内のクラスで指定します。
  このファイルは、以下のような場合に使用します：
  1. Tailwindで直接指定しにくい、ごく一部のカスタムスタイル
  2. @font-face でローカルフォントを読み込む場合
  3. Tailwindの@layerディレクティブを使ってカスタムコンポーネントやユーティリティを定義する場合（CDN利用時は限定的）
*/

/* 例：bodyへのフォント指定 (HTMLのstyleタグからこちらに移してもOK) */
body {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 全体的なテキストサイズはTailwindの text-sm md:text-base などで制御 */
}

.font-poppins {
  font-family: 'Poppins', sans-serif;
}
.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

/* 参考サイト (tcd074) のような洗練された雰囲気を出すためのヒント (Tailwindでほぼ対応可能):
  - 余白を十分にとる (Tailwindの p-, m-, space- クラスで調整)
  - ジャンプ率を意識した文字サイズ (Tailwindの text-xs から text-5xl などで調整)
  - 行間を適切に設定 (Tailwindの leading- クラスで調整)
  - 色数を抑え、アクセントカラーを効果的に使用 (Tailwindのカラーパレットを活用)
*/