/* =============================================================================
 * CSS カスタムプロパティ（変数）定義
 * =============================================================================
 * サイト全体で使用するカラー、フォント、スペーシングなどを一元管理
 * 季節テーマシステムと連携してダイナミックな色彩表現を実現
 * ============================================================================= */

/* =============================================================================
 * フォント設定
 * =============================================================================
 * 日本語表示に最適化されたフォントファミリーを定義
 * 明朝体を使用して和風な印象を演出
 * ============================================================================= */
:root {
  /* 統一明朝体フォント - サイト全体で使用 */
  --ff-mincho: "Source Serif 4", "Source Serif Pro", "Source Serif", "Noto Serif JP", "Noto Serif", "Meiryo", "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", serif;
  /* 見出し用フォント - 明朝体で重厚感を演出 */
  --ff-heading: var(--ff-mincho);
  /* 本文用フォント - 可読性を重視した明朝体 */
  --ff-body: var(--ff-mincho);
}

/* =============================================================================
 * 季節テーマカラーシステム
 * =============================================================================
 * 日本の四季（春・夏・秋・冬）と梅雨をテーマにした5色のカラーパレット
 * 各季節に適した色合いで訪問者に季節感を演出
 * ============================================================================= */
:root {
  /* 春テーマ - 桜の季節を表現する優しいピンク系 */
  --primary-spring: #FFB7C5;
  --accent-spring: #FF7C98;
  
  /* 夏テーマ - 新緑と海を表現する爽やかなグリーン・ブルー系 */
  --primary-summer: #6FDCC2;
  --accent-summer: #10BFA7;
  
  /* 秋テーマ - 紅葉を表現する温かみのあるオレンジ・ゴールド系 */
  --primary-autumn: #F9AF4B;
  --accent-autumn: #E57C04;
  
  /* 冬テーマ - 雪景色を表現する清涼感のあるブルー系 */
  --primary-winter: #ADC8FF;
  --accent-winter: #4B6CFF;
  
  /* 梅雨テーマ - 雨雲と紫陽花を表現する落ち着いたブルーグレー系 */
  --primary-tsuyu: #7BA7D4;
  --accent-tsuyu: #4A90B8;
}

/* ===== 季節テーマ動的切替システム ===== */
/* data-season属性の値に基づいて、サイト全体の色彩テーマを瞬時に変更 */
/* 各季節ごとにプライマリカラーとアクセントカラーを自動的に適用 */
body[data-season="spring"] { --primary: var(--primary-spring); --accent: var(--accent-spring); } /* 春：桜色系 */
body[data-season="summer"] { --primary: var(--primary-summer); --accent: var(--accent-summer); } /* 夏：新緑系 */
body[data-season="autumn"] { --primary: var(--primary-autumn); --accent: var(--accent-autumn); } /* 秋：紅葉系 */
body[data-season="winter"] { --primary: var(--primary-winter); --accent: var(--accent-winter); } /* 冬：雪景系 */
body[data-season="tsuyu"] { --primary: var(--primary-tsuyu); --accent: var(--accent-tsuyu); }   /* 梅雨：雨雲系 */