/* デザイントークン。新しい値はここに追記してから使用すること */
:root {
  /* カラー */
  --color-blue:   #0F1839;
  --color-red:    #B81C2B;
  --color-yellow: #FFFF00;
  --color-btn-red: #FF0000;
  --color-menu-link-hover: #5F040D7A;
  --color-white:   #FFFFFF;
  --color-black:   #000000;
  --color-placeholder: #D9D9D9;

  /* チームカラー(チーム見出しストライプ・チームタグ) */
  --color-team-usa-red:          #C7161E; /* POLANDの赤も同値 */
  --color-team-germany-black:    #231816;
  --color-team-germany-red:      #E50112;
  --color-team-australia-green:  #009845;
  --color-team-australia-yellow: #FFF000;
  --color-team-poland-yellow:    #EFCE5D;
  --color-team-france-red:       #C8171F;

  /* フォント */
  --font-en: 'Teko', sans-serif;
  --font-jp: 'YakuHanJP', 'Noto Sans JP', sans-serif;

  /* z-index スケール */
  --z-header: 100;
  --z-menu:   200;
  --z-modal:  300;

  /* 幅 */
  --content-max: 1080px;

  /* TBS共通ヘッダー(SSI・構築対象外)の高さ。全ページの先頭コンテンツをこの分下げる */
  --tbs-header-height: 80px;
}

@media (min-width: 991.98px) {
  :root {
    --tbs-header-height: 131px;
  }
}