/* ============================================================
 *  grios-recruit-custom.css
 *  採用ページのカスタマイズ（grios-recruit.css の後に読み込む上書き用）
 *
 *  ▼ grios-recruit.css は引き渡しバンドルの原本をそのまま使うため、
 *    直接編集せず、変更はこのファイルに追記してください。
 *    （バンドル更新時は wp/grios-recruit.css をコピーし直すだけで済みます）
 * ============================================================ */

/* ---- トラック別 選択中タブ（pill）の色 ----
 * 原本は .gr-tab.is-active{color:#fff; background:var(--ink)} で全タブ黒。
 * タブの data-target ごとに各トラックのブランド色を当てる。
 * 文字は原本どおり白のまま（color は上書きしない）。
 *
 * ※ヘッダー背景は原本の統一色 rgba(255,255,255,.94) のまま（出し分けなし）。
 */
.grios-recruit .gr-tab[data-target="career"].is-active  { background:var(--ink); }     /* 中途採用     : #1A1A1A */
.grios-recruit .gr-tab[data-target="newgrad"].is-active { background:var(--sky); }     /* 新卒採用     : #1B72D4 */
.grios-recruit .gr-tab[data-target="intern"].is-active  { background:var(--green); }   /* 長期インターン : #1E8A5E */
.grios-recruit .gr-tab[data-target="summer"].is-active  { background:var(--coral-d); } /* サマーIS     : #D14E29 */