/* NEON OUTLINE — tokens.css : デザイントークン（黒青の夜＋光の輪郭＋斜線）
   配色 sites-v5 §30 / design-plan B5 SITE 65。青×ライムの2色運用・輪郭線が個性・面のネオンは使わない。 */
:root {
  /* 配色 */
  --black:    #0d0f14;  /* 基調・夜 */
  --black-2:  #0a0c11;
  --deep:     #16294d;  /* ディープブルー（面のトーン切替） */
  --deep-2:   #101b34;
  --elec:     #2f7de1;  /* エレクトリックブルー（輪郭線・アクセント） */
  --elec-txt: #7fb0f0;  /* 暗背景上の青系テキスト（4.5:1確保のため明度側へ） */
  --lime:     #b8e34e;  /* ライム（少量・強調・PRICE数値） */
  --white:    #f4f7fb;  /* 本文・見出し */

  /* 派生（面は使わず線・薄膜のみ） */
  --panel:    #12182a;  /* ガラスパネル最小限 */
  --panel-2:  #0f1522;
  --ink-72:   rgba(244,247,251,.74);
  --ink-56:   rgba(244,247,251,.58);
  --line:     rgba(47,125,225,.42);   /* 電光の細線 */
  --line-soft:rgba(244,247,251,.14);
  --glass:    rgba(22,41,77,.34);      /* 最小限のガラス */

  /* タイポ */
  --font-display: "Rajdhani", "Noto Sans JP", sans-serif;   /* 65専用 display（新規・重複なし） */
  --font-body: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero: clamp(2.9rem, 8.5vw, 6.4rem);
  --fs-h2:   clamp(1.85rem, 4vw, 3rem);
  --fs-h3:   clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead: clamp(1rem, 1.25vw, 1.14rem);
  --fs-body: 1rem;       /* 16px 下限 */
  --fs-small:0.875rem;   /* 14px：注釈下限 */
  --fs-kicker:0.8125rem; /* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1280px;
  --gut: clamp(1.15rem, 4vw, 3.4rem);
  --sec-py: clamp(4.5rem, 9vw, 8.5rem);
  --radius: 0px;         /* シャープ（角丸なし・輪郭で構成） */
  --skew: -12deg;        /* 斜線の傾き（シグネチャ） */

  --shadow: 0 26px 70px -34px rgba(0,0,0,.9);
  --glow-elec: 0 0 0 1px rgba(47,125,225,.5), 0 0 22px -6px rgba(47,125,225,.55);
  --ease: cubic-bezier(.22, 1, .36, 1);

  --header-h: 74px;
  --cta-h: 66px;         /* モバイル固定CTA高さ（フッター余白計算に使用） */
}