/* ==========================================================================
   テーマ: WHITE / NAVY — ホワイト基調、ボタン等はネイビー
     背景        #ffffff
     アクセント  #0b2d63(チームカラーのネイビー) … ボタン・リンク・見出し
     テキスト    ダークグレー / グレー
   ========================================================================== */

:root {
  --bg-base: #ffffff;
  --bg-surface: #f4f6fa;                    /* ネイビーをごく薄く敷いた面 */
  --bg-alt: #eaeef6;
  --bg-header: rgba(255, 255, 255, 0.92);

  --text-main: #2b2f36;                     /* 本文はダークグレー */
  --text-heading: #0b2d63;                  /* 見出しはネイビー */
  --text-muted: #6b7280;                    /* 補足はグレー */

  --accent: #0b2d63;
  --accent-hover: #14407f;
  --on-accent: #ffffff;                     /* ネイビーのボタン上は白文字 */

  --border-soft: rgba(11, 45, 99, 0.16);
  --border-strong: rgba(11, 45, 99, 0.28);
  --accent-wash: rgba(11, 45, 99, 0.06);
  --accent-wash-strong: rgba(11, 45, 99, 0.1);
  --accent-line: rgba(11, 45, 99, 0.22);
  --nav-divider: rgba(11, 45, 99, 0.1);

  --hero-glow-1: rgba(11, 45, 99, 0.06);
  --hero-glow-2: rgba(11, 45, 99, 0.04);
  --hero-veil-top: rgba(255, 255, 255, 0.3);
  --hero-veil-bottom: rgba(255, 255, 255, 0.85);

  /* 写真の上は暗いスクリムのままなので、文字は白・強調はゴールドを使う */
  --scrim-btn: rgba(5, 22, 48, 0.7);
  --scrim-mid: rgba(5, 22, 48, 0.75);
  --scrim-strong: rgba(5, 22, 48, 0.96);
  --on-scrim-text: #ffffff;
  --on-scrim-muted: #a9b8d0;
  --on-scrim-accent: #cfa974;

  --brand-accent: #8a6a3a;

  /* ダークバンド: 白基調のページに差し込むネイビーの帯。
     ここではゴールド #cfa974 を使う(白背景では約3.1:1しかないが、
     このネイビーの上なら明るく十分に読める) */
  --band-bg: #0b2d63;
  --band-bg-deep: #051630;
  --band-text: #ffffff;
  --band-muted: #b9c6dd;
  --band-accent: #cfa974;
  --band-line: rgba(255, 255, 255, 0.16);
}