/*
Theme Name: JIN:R Child
Template: jinr
Version: 1.0.0
*/

/* ============================================================
   淀川パートナーズ 共通デザイントークン
   カスタムテンプレート（page-*.php）で .yp クラスに定義して使う
   ============================================================

   カラー
   --main:   #0f1c5e  ネイビー（メイン）
   --gold:   #c9a84c  ゴールド（アクセント・見出し下線）
   --accent: #e05c00  オレンジ（CTAボタン）
   --blue:   #2e5baa  ブルー（補助）
   --bg:     #eef0f4  薄グレー（セクション背景A）
   --text:   #1a1a1a  本文
   --muted:  #545d6e  補助テキスト
   --border: #e4e7ed  ボーダー

   セクション背景の交互パターン
   奇数セクション: #ffffff（白）
   偶数セクション: #f4f4f6（薄グレー）
   ダーク:         #0f1c5e（ネイビー）

   タイポグラフィ
   基本フォントサイズ: clamp(15px, 2.2vw, 18px)
   行間:             1.75
   .yp-eyebrow:      0.72em / letter-spacing .18em / ゴールド / 大文字
   .yp-h2:           1.72em / 太字 / ネイビー / 下線ゴールド48px
   .yp-h3:           1.18em / 太字 / ネイビー

   ボタン使い分けポリシー
   メインCTA（問い合わせ・申込）  → yp-btn-orange + yp-btn-lg
   サブ導線（別ページへ移動）     → yp-btn-outline-main（白背景・グレー背景上）
   サブ導線（ダーク背景上）       → yp-btn-outline（ネイビー背景上）
   ※ 1セクションに複数ボタンを置く場合はメイン1個・サブ1個まで

   .yp-btn:           padding 12px 32px / border-radius 6px
   .yp-btn-lg:        padding 16px 48px / border-radius 8px
   .yp-btn-orange:    background #e05c00（メインCTA）
   .yp-btn-outline:   白枠・半透明背景（ダーク背景上）
   .yp-btn-outline-main: ネイビー枠・白背景（白・グレー背景上）

   セクション余白
   .yp-sec:       padding 88px 24px
   .yp-sec-inner: max-width 900px / margin auto

   セクション背景の競合ルール
   - 同じ背景色のセクションを隣接させない
   - ダーク（ネイビー）はページ末尾CTAのみ使用。フッターもネイビーのため、
     CTAの直前セクションは必ず白 or #f4f4f6 にして境界を作ること
   - 推奨順序例: 白 → グレー → 白 → グレー → ダーク(CTA) → フッター
   - ダークが2つ以上連続する場合はCTAの背景を変更する
     （例: background: #1a2f7a など少し明るいネイビー、またはグレーに変更）

   ============================================================ */