:root{
  /* ---- ベース：黒に近い濃紺（現場・鉄・信頼） ---- */
  --ink:#0b1220;            /* 最も濃い。見出し・ダーク背景 */
  --ink-2:#111d2e;
  --ink-3:#1b2b40;
  --text:#37475a;           /* 本文 */
  --muted:#7b8a9b;          /* 補足 */
  --line:#e3e9f0;           /* 罫線 */
  --bg:#ffffff;
  --bg-alt:#f4f7fa;         /* 交互背景 */
  --bg-alt2:#eef3f8;

  /* ---- アクセント：オレンジ（工事・エネルギー・CTA） ---- */
  --accent:#ff6b00;
  --accent-deep:#e04e00;
  --accent-light:#ff9a3c;
  --amber:#ffb400;

  /* ---- サブ：エレクトリックブルー（法人・信頼・清潔） ---- */
  --blue:#2e7dff;
  --blue-deep:#1857c4;
  --cyan:#38c6e8;
  --line-green:#06c755;

  /* ---- グラデーション ---- */
  --grad-accent:linear-gradient(115deg,#ff9a1f 0%,#ff6b00 45%,#ef4b00 100%);
  --grad-accent-soft:linear-gradient(115deg,#ffb44d,#ff7a12);
  --grad-dark:linear-gradient(150deg,#0b1220 0%,#132139 55%,#0b1220 100%);
  --grad-blue:linear-gradient(115deg,#2e7dff,#1857c4 60%,#123f96);
  --grad-line:linear-gradient(90deg,transparent,var(--accent),transparent);

  /* ---- タイポ ---- */
  --ff:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --ff-disp:"Outfit","Noto Sans JP",sans-serif;
  --ff-cond:"Barlow Condensed","Outfit","Noto Sans JP",sans-serif;

  /* ---- レイアウト ---- */
  --container:1160px;
  --radius:14px;
  --radius-lg:24px;
  --shadow:0 20px 50px -20px rgba(11,18,32,.30);
  --shadow-soft:0 12px 30px -14px rgba(11,18,32,.18);
  --shadow-accent:0 16px 34px -12px rgba(255,107,0,.55);
  --hdr-h:76px;
}