:root{
  /* --- 水色（メイン） --- */
  --brand:#0fa9ce;            /* メイン水色 */
  --brand-deep:#0a7c99;       /* 濃い水色 */
  --brand-dark:#07596e;
  --brand-light:#4fd1e9;      /* 明るい水色（差し色） */
  --brand-pale:#d8f2f9;       /* 薄い水色（背景） */
  --aqua:#2ad0c0;             /* アクアミント（グラデ用） */
  --blue:#0160bc;             /* 青（メイン画像の帯から採色・グラデの締め） */

  /* --- ダーク（信頼感） --- */
  --ink:#07293a;              /* 見出しの墨（深い紺碧） */
  --ink-soft:#2c5163;
  --navy:#062b3a;             /* ダークセクション背景 */

  /* --- CTA（暖色アクセント） --- */
  --accent:#ff7a29;
  --accent-deep:#ef5f0a;
  --gold:#ffc247;

  /* --- 文字・線・背景 --- */
  --text:#233b46;
  --muted:#5f7d8a;
  --line:#dbeaf0;
  --bg:#ffffff;
  --bg-alt:#f2f9fc;           /* 薄い水色がかった背景 */

  /* --- グラデーション（“派手だけどおしゃれ”の核） --- */
  --grad-hero:linear-gradient(135deg,#062b3a 0%,#07596e 38%,#0a7c99 66%,#0fa9ce 100%);
  --grad-brand:linear-gradient(120deg,#0a7c99,#0fa9ce 55%,#4fd1e9);
  --grad-aqua:linear-gradient(120deg,#0fa9ce,#2ad0c0);
  --grad-accent:linear-gradient(120deg,#ffa04d,#ff7a29 55%,#ef5f0a);
  --grad-line:linear-gradient(90deg,#4fd1e9,#0fa9ce 45%,#0160bc);

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

  /* --- レイアウト --- */
  --container:1140px;
  --radius:14px;
  --radius-lg:24px;
  --shadow:0 20px 54px -20px rgba(7,41,58,.30);
  --shadow-soft:0 10px 30px -14px rgba(7,41,58,.18);
  --shadow-brand:0 18px 40px -14px rgba(15,169,206,.48);
  --shadow-accent:0 16px 34px -12px rgba(239,95,10,.44);
  --header-h:72px;
}