/* ─────────────────────────────────────────
   ボランティアスタッフ 募集要項ページ
   volunteer.css（他ジャンルに対して青系で差別化）
   --red-lt は market-config.js の MARKET_COLORS.volunteer (#4A90D9) と揃えてある
   style.css / entry.css のあとに読み込んで上書きする
   ───────────────────────────────────────── */

:root {
  /* Background: 暗い紺青系に */
  --bg:  #08121A;
  --bg2: #0F1E2C;
  --bg3: #050A0F;

  /* Main color: --red と同じ変数名を青に差し替えて流用 */
  --red:    #2D5F8F;
  --red-lt: #4A90D9;
  --red-dk: #1B3B5C;
}

/* entry.css / style.css 内でハードコードされている赤rgba（196,26,14）を
   青rgb（45,95,143）へ個別に上書き */
.entry-header {
  border-bottom-color: rgba(45, 95, 143, 0.25);
}

.entry-section {
  border-bottom-color: rgba(45, 95, 143, 0.15);
}

.period-card {
  background: rgba(45, 95, 143, 0.08);
  border-color: rgba(45, 95, 143, 0.4);
}

.period-row + .period-row {
  border-top-color: rgba(45, 95, 143, 0.25);
}

.apply-block {
  border-color: rgba(45, 95, 143, 0.4);
}

.apply-btn {
  box-shadow: 0 6px 18px rgba(45, 95, 143, 0.35);
}

.site-footer {
  border-top-color: rgba(45, 95, 143, 0.2);
}

.error-box {
  background: rgba(45, 95, 143, 0.12);
}