:root{
  --ink:#0d2347;            /* 濃紺（見出し） */
  --ink-soft:#274a7d;
  --brand:#1559d6;          /* 信頼の青（メイン） */
  --brand-deep:#0e44b3;
  --violet:#2f7ae6;         /* 第2ブルー（グラデの相方） */
  --cyan:#2f7ae6;           /* 旧--cyan代替→ブルー */
  --pink:#ff5a3c;           /* 暖色の差し色（据え置き） */
  --accent:#ff4326;         /* CTA オレンジ（青に映える暖色アクセント） */
  --accent-deep:#e0330f;
  --gold:#e8a33a;           /* ゴールド（ネイビーに映える） */
  --text:#1f2733;
  --muted:#5f6b7e;
  --line:#dbe6f5;
  --bg:#ffffff;
  --bg-alt:#eef4fc;
  --bg-deep:#081730;        /* ダークセクション（濃紺） */
  --grad-hero:linear-gradient(135deg,#1559d6 0%,#0e44b3 45%,#0a2a73 100%);
  --grad-brand:linear-gradient(120deg,#1559d6,#2f7ae6 55%,#5aa0f5);
  --grad-accent:linear-gradient(120deg,#ff7a4d,#ff4326 55%,#e0330f);
  --grad-cool:linear-gradient(120deg,#2f7ae6,#5aa0f5);
  --ff:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --ff-disp:"Outfit","Noto Sans JP",sans-serif;
  --container:1140px;
  --radius:16px;
  --radius-lg:26px;
  --shadow:0 18px 50px -18px rgba(13,40,90,.30);
  --shadow-soft:0 10px 30px -12px rgba(13,40,90,.18);
  --shadow-color:0 18px 40px -12px rgba(21,89,214,.45);
}
