:root{
  --ink:#0e2233;            /* 濃紺（見出し） */
  --ink-soft:#31506b;
  --brand:#1c4e80;          /* ネイビーブルー（信頼のメインカラー） */
  --brand-deep:#143a61;
  --violet:#3a6ea5;         /* 第2ブルー（グラデの相方） */
  --cyan:#5b8ec2;           /* ライトネイビー */
  --pink:#ef8a00;           /* 暖色の差し色（アンバー） */
  --accent:#ef8a00;         /* CTA アンバーオレンジ（ネイビーに映える暖色） */
  --accent-deep:#d67600;
  --gold:#c9a24b;           /* ゴールド（格調のアクセント） */
  --text:#1f2a33;
  --muted:#5d6b7a;
  --line:#d5e2ee;
  --bg:#ffffff;
  --bg-alt:#f1f6fb;
  --bg-deep:#0d2440;        /* ダークセクション（濃紺） */
  --grad-hero:linear-gradient(135deg,#1c4e80 0%,#143a61 45%,#0d2440 100%);
  --grad-brand:linear-gradient(120deg,#143a61,#1c4e80 55%,#3a6ea5);
  --grad-accent:linear-gradient(120deg,#ffa63d,#ef8a00 55%,#d67600);
  --grad-cool:linear-gradient(120deg,#1c4e80,#5b8ec2);
  --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,36,64,.30);
  --shadow-soft:0 10px 30px -12px rgba(13,36,64,.16);
  --shadow-color:0 18px 40px -12px rgba(28,78,128,.42);
}