:root{
  /* ===== 濃紺 × メタリック/シルバー ＋ 控えめ暖色（引き締めの差し色） ===== */
  --ink:#0b1f44;            /* 濃紺（本文強調・信頼） */
  --ink-soft:#3a496b;
  --brand:#1d4e8f;          /* メタリックブルー */
  --brand-deep:#143a6e;
  --violet:#2e6bb0;         /* ※流用：明るめスチールブルー */
  --cyan:#5a93cf;           /* ※流用：ライトスチール */
  --pink:#6a7da0;           /* ※流用：くすみスチール */
  --steel:#5d6b86;          /* 鋼色 */
  --silver:#aab4c6;         /* シルバー */
  --silver-light:#dde3ec;
  --accent:#d8822f;         /* CTA：引き締めの暖色（カッパー/アンバー） */
  --accent-deep:#b5641a;
  --gold:#dca64a;           /* メタリックゴールド（星・小アクセント） */
  --text:#2a3450;
  --muted:#67718c;
  --line:#e2e7f0;
  --bg:#ffffff;
  --bg-alt:#f3f6fb;         /* クールな淡色 */
  --bg-deep:#081226;        /* ダークセクション（濃紺） */
  --grad-hero:linear-gradient(135deg,#0e2347 0%,#163a72 45%,#1d4e8f 100%);
  --grad-brand:linear-gradient(120deg,#1d4e8f,#2e6bb0 55%,#5a93cf);
  --grad-accent:linear-gradient(120deg,#e2913c,#d8822f 55%,#c06a1c);
  --grad-cool:linear-gradient(120deg,#2e6bb0,#5a93cf);
  --grad-silver:linear-gradient(120deg,#c7d0de,#eef2f7 55%,#aab4c6);
  --ff:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --ff-disp:"Oswald","Noto Sans JP",sans-serif;
  --container:1140px;
  --radius:16px;
  --radius-lg:26px;
  --shadow:0 18px 50px -18px rgba(11,31,68,.30);
  --shadow-soft:0 10px 30px -12px rgba(11,31,68,.18);
  --shadow-color:0 18px 40px -12px rgba(29,78,143,.45);
}