/* =========================================================
   白基調 案C「クラシック・トラスト（ディープネイビー × 真鍮ゴールド）」
   白＋グレージュ基調。退職セクションはディープネイビー、転職セクションは
   くすんだ真鍮ゴールドを差し色に。金融・専門系の比較まとめサイト風で、
   きちんと感・信頼・上質を出す配色。
   ※上部2ボタンの色は ui.css 側で固定（退職ネイビー／転職ゴールド）。
   ========================================================= */
:root{
  /* 白＋グレージュの土台 */
  --bg:        #ffffff;
  --bg-2:      #f5f4f1;
  --bg-soft:   #edeae4;
  --ink:       #232530;
  --ink-soft:  #575c67;
  --ink-mute:  #898d97;
  --line:      #e6e2db;
  --shadow:    0 2px 10px rgba(40,40,50,.05), 0 12px 30px rgba(40,40,50,.06);
  /* 退職＝ディープネイビー */
  --accent:    #2f3c5c;
  --accent-deep:#232d46;
  --accent-tint:#e8eaf1;
  /* 転職＝真鍮ゴールド */
  --fresh:     #9c7b45;
  --fresh-deep:#7d6235;
  --fresh-tint:#f0e9da;
}

/* 転職セクションだけ差し色を真鍮ゴールドに切り替え */
.seg--tenshoku{
  --accent:      var(--fresh);
  --accent-deep: var(--fresh-deep);
  --accent-tint: var(--fresh-tint);
}

/* ファーストビューにごく薄いドット地紋（白を保ちつつ質感を出す） */
.hero{
  background:
    radial-gradient(rgba(110,105,95,.05) 1px, transparent 1.4px) 0 0/15px 15px,
    linear-gradient(180deg,#ffffff 0%, #f5f4f1 100%);
}

/* 転職セクションにごく薄い斜めストライプ地紋（真鍮ゴールド） */
.seg--tenshoku{
  background:
    repeating-linear-gradient(45deg, rgba(156,123,69,.05) 0 10px, transparent 10px 20px),
    var(--bg);
}