:root{
  --ink:#0c2f50;            /* 濃紺（見出し・本文強調・信頼） */
  --ink-soft:#34506f;
  --brand:#0e72c4;          /* メイン：水色（クリアな水のブルー） */
  --brand-deep:#0a4f8e;
  --violet:#12a3c6;         /* サブ：アクア（青緑・水のきらめき）※テンプレ互換で名は--violet */
  --cyan:#5cc4e6;           /* 差し色：明るいスカイ */
  --pink:#ef7da4;           /* さくら（社名の差し色・控えめに使用） */
  --accent:#ff7a2f;         /* CTA：暖色オレンジ（今すぐ電話の即時性） */
  --accent-deep:#e85e12;
  --gold:#efa63b;           /* 数字・ハイライトのゴールド（上質感） */
  --text:#34495d;           /* 本文（スレート） */
  --muted:#7388a0;          /* 補足テキスト */
  --line:#dce9f4;           /* 罫線（淡い水色グレー） */
  --bg:#ffffff;             /* 背景：白 */
  --bg-alt:#eef6fc;         /* 交互背景：ごく淡い水色（清潔感） */
  --bg-deep:#0b2c4c;        /* ダークセクション：濃紺 */
  --grad-hero:linear-gradient(135deg,#0a3e74 0%,#0e72c4 48%,#16a8d0 100%);
  --grad-brand:linear-gradient(120deg,#0e72c4,#12a3c6 60%,#5cc4e6);
  --grad-accent:linear-gradient(120deg,#ff9248,#ff6f24 52%,#ef5a10);
  --grad-gold:linear-gradient(135deg,#ecc873,#d9a441);
  --grad-cool:linear-gradient(120deg,#0e72c4,#5cc4e6);
  --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(12,45,80,.22);
  --shadow-soft:0 10px 30px -12px rgba(14,80,140,.14);
  --shadow-color:0 18px 40px -12px rgba(14,114,196,.40);
}