/* =========================================================
   variables.css : 色・共通値・フォントの一括管理
   施設子サイト（りじょう認定こども園）
   ※ 3施設で共有するテーマの基準。施設アクセント色は
     --color-accent 系に集約し、黄/桃へは値差し替えのみで展開する。
   ========================================================= */
:root {
  /* ----- common color ----- */
  --color-bg:        #fdfcf8; /* 基本背景（クリーム） */
  --color-beige:     #e8ddcf; /* 帯・補助 */
  --color-white:     #ffffff;
  --color-text:      #333333; /* 基本テキスト */
  --color-text-sub:  #3b4043; /* 補足テキスト */

  /* ----- facility accent（施設ごとに差し替える1セット） -----
     りじょう認定こども園 = 緑
     ▼将来の展開（値だけ差し替え）
       フレーベル幼稚園     : accent #c7b86a / accent-mid #e8d98f / accent-bg #fbf7e6（黄）
       福山りじょう幼稚園   : accent #c97c7c / accent-mid 要確認     / accent-bg #fbeaea（桃）
  */
  --color-accent:     #789558; /* メインアクセント（緑） */
  --color-accent-mid: #b9cd88; /* 中間色（枠線・ピル・料金表・チップ・矢印など） */
  --color-accent-bg:  #e1ebd1; /* アクセント淡色（タグ/カード背景など） */

  /* ----- layout ----- */
  --content-width:      1240px; /* 本文セクションのインナー幅（実装時にFigmaで確認） */
  --content-width-wide: 1768px; /* ヘッダー・フッターのインナー幅 */
  --gutter:             20px;   /* 画面端からの最小余白 */

  /* ----- font ----- */
  --font-base:    "Kiwi Maru", "Noto Sans JP", sans-serif; /* 基本・見出し */
  --font-gothic:  "Noto Sans JP", "Yu Gothic", "YuGothic", sans-serif; /* UIラベル・英語ラベル */
  --font-copy:    "Noto Sans JP", sans-serif; /* メインコピー（900使用） */
}