/* ==========================================================================
   theme.css — トンマナ正本（複製時はこのファイルだけ差し替える）
   出典: Figma KV kv0622_sp (29:2311) / 技術屋キャリアNEXT
   ========================================================================== */

:root {
  /* ---- Colors ---- */
  --c-primary:    #22529f;  /* メインネイビー（見出し・STEP・バッジ文字） */
  --c-primary-dk: #013ca1;  /* 濃紺（バッジ枠線） */
  --c-cta:        #41a231;  /* CTAグリーン（電話・送信ボタン） */
  --c-cta-dk:     #2e7c1c;  /* CTAグリーン濃（グラデ下端・ホバー） */
  --c-band:       #e3ecf5;  /* 淡い水色（背景バンド） */
  --c-white:      #ffffff;
  --c-ink:        #1a2b45;  /* 本文テキスト（ネイビー寄りの黒） */
  --c-muted:      #6b7587;  /* 補足テキスト */
  --c-line:       #d6deea;  /* 罫線・区切り */
  --c-bg:         #f5f8fc;  /* ページ背景 */
  --c-accent:     #ffb300;  /* ハイライト（「今がチャンス」等の強調） */

  /* ---- CTA gradient（電話ボタン等） ---- */
  --grad-cta: linear-gradient(180deg, #2e7c1c 0%, #55cd4a 15%, #34861f 81%, #2f7c1c 100%);

  /* ---- Fonts ---- */
  --f-num:  "M PLUS 1", system-ui, sans-serif;            /* 数字・STEP・強調 */
  --f-body: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif; /* バッジ・本文 */
  --f-tel:  "Noto Sans JP", system-ui, sans-serif;        /* 電話番号 */

  /* ---- Layout ---- */
  --content-max: 600px;   /* 本文1カラム最大幅（フォーム特化型） */
  --sp-gutter:   20px;    /* SP左右余白（上野ルール） */
  --header-pad:  60px;    /* PCヘッダー左右余白（上野ルール） */
  --radius:      10px;
  --shadow-card: 0 2px 10px rgba(26, 43, 69, 0.08);

  /* ---- Motion ---- */
  --t-fast: .18s ease;
  --t:      .24s ease;
}