/* =====================================================================
   AI検索対策 研修プログラム — サブブランドテーマ（カラートークンのみ）
   共通DS: techsuite-ds.css ／ 差分はこの配色だけ。
   ベース: 本体「AI検索パートナーズ」（マゼンタ→バイオレット）と同じ紫系だが、
   誤認防止のため彩度・色相を少し寄せた「インディゴ→バイオレット」に統一。
   本体のCTAグラデ（マゼンタ寄り・暖色）に対し、本テーマは青紫寄り・冷色にして
   一目で「別ページ」と分かるようにする（詳細ルールは guidelines/02-lp.md の「派生LP」）。
   ===================================================================== */
:root {
  --accent: #7c3aed;                 /* 主役インディゴバイオレット（本体#9b2fd6より青寄り） */
  --accent-2: #5b21b6;               /* 小さい文字・バッジ用の濃色 */
  --accent-soft: #eee9fc;            /* 淡いインディゴ面 */
  --accent-glow: rgba(124, 58, 237, .18);

  --teal: #8b6cf2;                   /* グラデ開始＝ライトインディゴ（本体はマゼンタ#d94bc0） */
  --teal-2: #7c5cf0;

  --dark: #191338;                   /* ダークセクション＝深いインディゴ */
  --dark-2: #241a52;

  --accent-on-dark: #b9a6ff;         /* ダーク上のライトインディゴ */

  --shadow-cta: 0 12px 26px rgba(124, 58, 237, .32);

  --glow-hero-1: rgba(124, 92, 240, .16);   /* ヒーロー装飾：ライトインディゴ */
  --glow-hero-2: rgba(109, 40, 217, .10);   /* 同：バイオレット */
  --glow-section: rgba(124, 58, 237, .16);  /* クロージング等の装飾グロー */

  /* ---- 寸法トークン（構造はDS・値だけここで差し替える） ---- */
  --hero-btns-mt: clamp(22px, 3vw, 30px);   /* ヒーローCTAの上余白 */
}