/*
 * ============================================================
 *  NPB プロ野球 12球団 カラーパターン定義
 * ============================================================
 *
 *  【カラー役割】
 *  --highlight    : チームのベースカラー（ロゴ・ブランド主色）
 *  --highlight-sub: チームのサブカラー（ロゴ第2色）
 *  --bg-home      : ホームユニフォーム背景色（白ベース）
 *  --bg-visitor   : ビジターユニフォーム背景色（チームカラーベース）
 *  --text-home    : ホーム時のテキスト色
 *  --text-visitor : ビジター時のテキスト色
 *  --accent       : アクセント（ライン・ボーダー・装飾等）
 *  --accent-sub   : サブアクセント（第2装飾色）
 * ============================================================
 */


/* ============================================================
   セントラルリーグ
   ============================================================ */

/* ----------------------------------------------------------
   読売ジャイアンツ
   ホーム: 白地 + オレンジ文字 + オレンジライン
   ビジター: ジャイアンツオレンジ地
   ---------------------------------------------------------- */
[data-team="giants"] {
  --highlight:      #f27900;   /* ジャイアンツオレンジ（ロゴ主色）     */
  --highlight-sub:  #f79727;   /* 明るめオレンジ（ロゴ第2色）          */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #f27900;   /* ビジター：ジャイアンツオレンジ       */
  --text-home:      #000000;   /* ホーム文字：黒                       */
  --text-visitor:   #000000;   /* ビジター文字：黒                     */
  --accent-home:    #f27900;   /* ホームアクセント：ジャイアンツオレンジ*/
  --accent:         #000000;   /* ビジターアクセント：黒（ライン・枠） */
  --accent-sub:     #f27900;   /* サブアクセント：オレンジ             */
}

/* ----------------------------------------------------------
   東京ヤクルトスワローズ
   ホーム: 白地 + ネイビー文字
   ビジター: ネイビー地（チームカラー）
   ---------------------------------------------------------- */
[data-team="swallows"] {
  --highlight:      #001444;   /* スワローズネイビー（ロゴ主色）       */
  --highlight-sub:  #183e91;   /* ブルー（ロゴ第2色）                  */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #001444;   /* ビジター：スワローズネイビー         */
  --text-home:      #001444;   /* ホーム文字：ネイビー                 */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #e40028;   /* アクセント：レッド（ライン・装飾）   */
  --accent-sub:     #183e91;   /* サブアクセント：ブルー               */
}

/* ----------------------------------------------------------
   横浜DeNAベイスターズ
   ホーム: 白地 + ロイヤルブルー文字 + 水色ライン
   ビジター: ネイビー地（チームカラー）
   ---------------------------------------------------------- */
[data-team="baystars"] {
  --highlight:      #19418a;   /* ベイスターズロイヤルブルー（主色）   */
  --highlight-sub:  #3a83c7;   /* ライトブルー（第2色）                */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #19418a;   /* ビジター：ロイヤルブルー             */
  --text-home:      #19418a;   /* ホーム文字：ロイヤルブルー           */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent-home:    #3a83c7;   /* ホームアクセント：水色（ライン）     */
  --accent:         #fae44e;   /* ビジターアクセント：イエロー（ライン）*/
  --accent-sub:     #e69c36;   /* サブアクセント：ゴールド             */
}

/* ----------------------------------------------------------
   中日ドラゴンズ
   ホーム: 白地 + ドラゴンズネイビー文字
   ビジター: ネイビー地（チームカラー）
   ---------------------------------------------------------- */
[data-team="dragons"] {
  --highlight:      #17317d;   /* ドラゴンズネイビー（主色）           */
  --highlight-sub:  #16b3eb;   /* ドラゴンズブルー（第2色）            */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #17317d;   /* ビジター：ドラゴンズネイビー         */
  --text-home:      #17317d;   /* ホーム文字：ネイビー                 */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #16b3eb;   /* アクセント：ドラゴンズブルー         */
  --accent-sub:     #386389;   /* サブアクセント：スチールブルー       */
}

/* ----------------------------------------------------------
   阪神タイガース
   ホーム: 白地 + 黒文字 + 黄ライン（縦縞）
   ビジター: タイガースイエロー地
   ---------------------------------------------------------- */
[data-team="tigers"] {
  --highlight:      #f7e14c;   /* タイガースイエロー（主色）           */
  --highlight-sub:  #000000;   /* ブラック（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #f7e14c;   /* ビジター：タイガースイエロー         */
  --text-home:      #000000;   /* ホーム文字：黒                       */
  --text-visitor:   #000000;   /* ビジター文字：黒                     */
  --accent-home:    #f7e14c;   /* ホームアクセント：タイガースイエロー */
  --accent:         #000000;   /* ビジターアクセント：黒（ライン）     */
  --accent-sub:     #f7e14c;   /* サブアクセント：タイガースイエロー   */
}

/* ----------------------------------------------------------
   広島東洋カープ
   ホーム: 白地 + カープレッド文字 + 赤ライン
   ビジター: カープレッド地
   ---------------------------------------------------------- */
[data-team="carp"] {
  --highlight:      #da3630;   /* カープレッド（主色）                 */
  --highlight-sub:  #0e2950;   /* カープネイビー（第2色）              */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #da3630;   /* ビジター：カープレッド               */
  --text-home:      #da3630;   /* ホーム文字：カープレッド             */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent-home:    #da3630;   /* ホームアクセント：カープレッド       */
  --accent:         #0e2950;   /* ビジターアクセント：ネイビー（ライン）*/
  --accent-sub:     #51af58;   /* サブアクセント：グリーン             */
}


/* ============================================================
   パシフィックリーグ
   ============================================================ */

/* ----------------------------------------------------------
   北海道日本ハムファイターズ
   ホーム: 白地 + ブルー文字
   ビジター: ファイターズブルー地
   ---------------------------------------------------------- */
[data-team="fighters"] {
  --highlight:      #275b91;   /* ファイターズブルー（主色）           */
  --highlight-sub:  #ffffff;   /* ホワイト（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #275b91;   /* ビジター：ファイターズブルー         */
  --text-home:      #275b91;   /* ホーム文字：ブルー                   */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #000000;   /* アクセント：黒（ライン）             */
  --accent-sub:     #275b91;   /* サブアクセント：ブルー               */
}

/* ----------------------------------------------------------
   東北楽天ゴールデンイーグルス
   ホーム: 白地 + クリムゾン文字
   ビジター: クリムゾン地（チームカラー）
   ---------------------------------------------------------- */
[data-team="eagles"] {
  --highlight:      #7c1718;   /* イーグルスクリムゾン（主色）         */
  --highlight-sub:  #e9a93e;   /* ゴールド（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #7c1718;   /* ビジター：クリムゾン                 */
  --text-home:      #7c1718;   /* ホーム文字：クリムゾン               */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #e9a93e;   /* アクセント：ゴールド（ライン・装飾） */
  --accent-sub:     #000000;   /* サブアクセント：ブラック             */
}

/* ----------------------------------------------------------
   埼玉西武ライオンズ
   ホーム: 白地 + ネイビー文字 + クラシック水色ライン
   ビジター: ライオンズネイビー（ブルー）地
   ---------------------------------------------------------- */
[data-team="lions"] {
  --highlight:      #092048;   /* ライオンズネイビー（主色）           */
  --highlight-sub:  #ffffff;   /* ホワイト（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #092048;   /* ビジター：ライオンズネイビー         */
  --text-home:      #092048;   /* ホーム文字：ネイビー                 */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent-home:    #2c9fe8;   /* ホームアクセント：クラシックライオンズブルー（1978〜2008）*/
  --accent:         #9d1f18;   /* ビジターアクセント：レッド（ライン） */
  --accent-sub:     #092048;   /* サブアクセント：ネイビー             */
}

/* ----------------------------------------------------------
   千葉ロッテマリーンズ
   ホーム: 白地 + ブラック文字
   ビジター: ブラック地（チームカラー）
   ---------------------------------------------------------- */
[data-team="marines"] {
  --highlight:      #000000;   /* マリーンズブラック（主色）           */
  --highlight-sub:  #efd677;   /* ゴールド（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #000000;   /* ビジター：ブラック                   */
  --text-home:      #000000;   /* ホーム文字：ブラック                 */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #efd677;   /* アクセント：ゴールド（ライン・装飾） */
  --accent-sub:     #a5283f;   /* サブアクセント：クリムゾン           */
}

/* ----------------------------------------------------------
   オリックス・バファローズ
   ホーム: 白地 + ダークネイビー文字
   ビジター: ダークネイビー地（チームカラー）
   ---------------------------------------------------------- */
[data-team="buffaloes"] {
  --highlight:      #00011f;   /* バファローズネイビー（主色）         */
  --highlight-sub:  #b3ab2d;   /* ゴールドオリーブ（第2色）            */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #00011f;   /* ビジター：ダークネイビー             */
  --text-home:      #00011f;   /* ホーム文字：ダークネイビー           */
  --text-visitor:   #ffffff;   /* ビジター文字：白                     */
  --accent:         #b3ab2d;   /* アクセント：ゴールドオリーブ（ライン）*/
  --accent-sub:     #ffffff;   /* サブアクセント：ホワイト             */
}

/* ----------------------------------------------------------
   福岡ソフトバンクホークス
   ホーム: 白地 + ブラック文字 + 黄ライン
   ビジター: ホークスイエロー地
   ---------------------------------------------------------- */
[data-team="hawks"] {
  --highlight:      #f3c945;   /* ホークスイエロー（主色）             */
  --highlight-sub:  #9f9fa0;   /* シルバー（第2色）                    */
  --bg-home:        #ffffff;   /* ホーム：白                           */
  --bg-visitor:     #f3c945;   /* ビジター：ホークスイエロー           */
  --text-home:      #000000;   /* ホーム文字：ブラック                 */
  --text-visitor:   #000000;   /* ビジター文字：ブラック               */
  --accent-home:    #f3c945;   /* ホームアクセント：ホークスイエロー   */
  --accent:         #000000;   /* ビジターアクセント：ブラック（ライン）*/
  --accent-sub:     #f3c945;   /* サブアクセント：ホークスイエロー     */
}
  --accent:         #000000;   /* アクセント：ブラック（ライン）       */
  --accent-sub:     #f3c945;   /* サブアクセント：ホークスイエロー     */
}


/* ============================================================
   NPBリーグ共通カラー
   ============================================================ */
:root {
  --npb-blue:   #245da3;
  --npb-red:    #d60d18;
  --npb-black:  #000000;

  --cl-green:   #0f8f2c;   /* セントラルリーググリーン */
  --cl-red:     #da1522;   /* セントラルリーグレッド   */
  --pl-blue:    #61afe0;   /* パシフィックリーグブルー */
  --pl-red:     #ca3b3d;   /* パシフィックリーグレッド */
}


/* ============================================================
   使い方サンプル
   ============================================================

   HTML:
     <div class="team-card" data-team="giants">
       <div class="team-home">ホームカード</div>
       <div class="team-visitor">ビジターカード</div>
     </div>

   CSS:
     .team-card {
       border: 2px solid var(--accent);
     }
     .team-home {
       background-color: var(--bg-home);
       color:            var(--text-home);
       border-bottom:    3px solid var(--highlight);
     }
     .team-visitor {
       background-color: var(--bg-visitor);
       color:            var(--text-visitor);
       border-bottom:    3px solid var(--accent);
     }
     .team-highlight-badge {
       background-color: var(--highlight);
       color:            var(--text-visitor);
     }

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


/* ============================================================
   クイックリファレンス一覧
   ============================================================

   球団                 highlight   highlight-sub  bg-home  bg-visitor  accent    accent-sub
   --------------------------------------------------------------------------------------------
   読売ジャイアンツ     #f27900     #f79727        #ffffff  #c8c8c8     #000000   #f27900
   東京ヤクルト         #001444     #183e91        #ffffff  #001444     #e40028   #183e91
   横浜DeNA             #19418a     #3a83c7        #ffffff  #19418a     #fae44e   #e69c36
   中日ドラゴンズ       #17317d     #16b3eb        #ffffff  #17317d     #16b3eb   #386389
   阪神タイガース       #f7e14c     #000000        #ffffff  #808080     #000000   #f7e14c
   広島東洋カープ       #da3630     #0e2950        #ffffff  #808080     #0e2950   #51af58
   --------------------------------------------------------------------------------------------
   北海道日本ハム       #275b91     #ffffff        #ffffff  #000000     #000000   #275b91
   東北楽天             #7c1718     #e9a93e        #ffffff  #7c1718     #e9a93e   #000000
   埼玉西武             #092048     #ffffff        #ffffff  #000000     #9d1f18   #092048
   千葉ロッテ           #000000     #efd677        #ffffff  #000000     #efd677   #a5283f
   オリックス           #00011f     #b3ab2d        #ffffff  #00011f     #b3ab2d   #ffffff
   福岡ソフトバンク     #f3c945     #9f9fa0        #ffffff  #9f9fa0     #000000   #f3c945

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