/* ==========================================================================
   css/variables.css
   デザイントークン（CSS変数）
   MIRAIE PROJECT | 株式会社IKIpuro コーポレートサイト
   設定シート v2 / ガイドライン v1.2 準拠
   ========================================================================== */

:root {

  /* ── カラー ────────────────────────────────────── */
  --color-primary:  #2CBB35; /* メインカラー：ボタン・見出し・アイコン・日付・点線ボーダー */
  --color-bg:       #FFFFFF; /* ページ基本背景 */
  --color-bg-sub:   #FBF9EB; /* ベージュ背景：セクション背景 */
  --color-text:     #707070; /* 本文テキスト */
  --color-white:    #FFFFFF; /* ボタンテキスト等 */
  /* 黄緑装飾線（.section-title-line）は画像のため変数不要 */

  /* ── フォント ──────────────────────────────────── */
  --font-base: "Zen Maru Gothic", sans-serif;
  /* 使用ウェイト: 400 / 500（本文デフォルト） / 700 / 900 */
  /* Google Fonts: family=Zen+Maru+Gothic:wght@400;500;700;900 */

  /* ── フォントサイズ ────────────────────────────── */
  --fs-sm:   16px;
  --fs-base: 17px;
  --fs-md:   18px;
  --fs-lg:   20px;
  --fs-xl:   30px;
  --fs-hero: 32px;

  /* ── 行間 ──────────────────────────────────────── */
  --lh-tight:   24px;
  --lh-base:    29px;
  --lh-relaxed: 33px;
  --lh-loose:   44px;

  /* ── スペーシング ──────────────────────────────── */
  --sp-xs:  8px;
  --sp-sm:  16px;
  --sp-md:  24px;
  --sp-lg:  40px;
  --sp-xl:  64px;
  --sp-2xl: 96px;
  --sp-3xl:  136px;
  /* セクション余白・カードパディング：要調整 */

  /* ── その他 ────────────────────────────────────── */
  --shadow-card:    0 2px 12px rgba(0, 0, 0, 0.08);
  --container-max:  1088px;
  /* --radius-btn・--radius-card：要調整（XDがパス描き） */

}