/* /css/themes/modern.css
   =========================================================
   役割:
   - テーマ別の “色・雰囲気” を変数で管理
   - レイアウトや部品の形は変えない（必要なら最小限）
   ========================================================= */

body.theme-modern{
  --theme-color: #1565c0;
}

/* 例: テーマ色をリンクや強調に使いたい場合 */
body.theme-modern a.section-more{
  color: var(--theme-color);
}